1、错误描述
angular.js:4920 Uncaught Error: [$injector:modulerr] Failed to instantiate module dayApp due to:
Error: [$injector:nomod] Module 'dayApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.6.3/$injector/nomod?p0=dayApp
at http://192.168.0.175:8020/AngularJS/js/angular.js:66:12
at http://192.168.0.175:8020/AngularJS/js/angular.js:2257:17
at ensure (http://192.168.0.175:8020/AngularJS/js/angular.js:2178:38)
at module (http://192.168.0.175:8020/AngularJS/js/angular.js:2255:14)
at http://192.168.0.175:8020/AngularJS/js/angular.js:4896:22
at forEach (http://192.168.0.175:8020/AngularJS/js/angular.js:402:20)
at loadModules (http://192.168.0.175:8020/AngularJS/js/angular.js:4880:5)
at createInjector (http://192.168.0.175:8020/AngularJS/js/angular.js:4802:19)
at doBootstrap (http://192.168.0.175:8020/AngularJS/js/angular.js:1909:20)
at bootstrap (http://192.168.0.175:8020/AngularJS/js/angular.js:1930:12)
http://errors.angularjs.org/1.6.3/$injector/modulerr?p0=dayApp&p1=Error%3A%20%5B%24injector%3Anomod%5D%20Module%20'dayApp'%20is%20not%20available!%20You%20either%20misspelled%20the%20module%20name%20or%20forgot%20to%20load%20it.%20If%20registering%20a%20module%20ensure%20that%20you%20specify%20the%20dependencies%20as%20the%20second%20argument.%0Ahttp%3A%2F%2Ferrors.angularjs.org%2F1.6.3%2F%24injector%2Fnomod%3Fp0%3DdayApp%0A%20%20%20%20at%20http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A66%3A12%0A%20%20%20%20at%20http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A2257%3A17%0A%20%20%20%20at%20ensure%20(http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A2178%3A38)%0A%20%20%20%20at%20module%20(http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A2255%3A14)%0A%20%20%20%20at%20http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A4896%3A22%0A%20%20%20%20at%20forEach%20(http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A402%3A20)%0A%20%20%20%20at%20loadModules%20(http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A4880%3A5)%0A%20%20%20%20at%20createInjector%20(http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A4802%3A19)%0A%20%20%20%20at%20doBootstrap%20(http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A1909%3A20)%0A%20%20%20%20at%20bootstrap%20(http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A1930%3A12)
at http://192.168.0.175:8020/AngularJS/js/angular.js:66:12
at http://192.168.0.175:8020/AngularJS/js/angular.js:2257:17
at ensure (http://192.168.0.175:8020/AngularJS/js/angular.js:2178:38)
at module (http://192.168.0.175:8020/AngularJS/js/angular.js:2255:14)
at http://192.168.0.175:8020/AngularJS/js/angular.js:4896:22
at forEach (http://192.168.0.175:8020/AngularJS/js/angular.js:402:20)
at loadModules (http://192.168.0.175:8020/AngularJS/js/angular.js:4880:5)
at createInjector (http://192.168.0.175:8020/AngularJS/js/angular.js:4802:19)
at doBootstrap (http://192.168.0.175:8020/AngularJS/js/angular.js:1909:20)
at bootstrap (http://192.168.0.175:8020/AngularJS/js/angular.js:1930:12)
http://errors.angularjs.org/1.6.3/$injector/modulerr?p0=dayApp&p1=Error%3A%20%5B%24injector%3Anomod%5D%20Module%20'dayApp'%20is%20not%20available!%20You%20either%20misspelled%20the%20module%20name%20or%20forgot%20to%20load%20it.%20If%20registering%20a%20module%20ensure%20that%20you%20specify%20the%20dependencies%20as%20the%20second%20argument.%0Ahttp%3A%2F%2Ferrors.angularjs.org%2F1.6.3%2F%24injector%2Fnomod%3Fp0%3DdayApp%0A%20%20%20%20at%20http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A66%3A12%0A%20%20%20%20at%20http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A2257%3A17%0A%20%20%20%20at%20ensure%20(http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A2178%3A38)%0A%20%20%20%20at%20module%20(http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A2255%3A14)%0A%20%20%20%20at%20http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A4896%3A22%0A%20%20%20%20at%20forEach%20(http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A402%3A20)%0A%20%20%20%20at%20loadModules%20(http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A4880%3A5)%0A%20%20%20%20at%20createInjector%20(http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A4802%3A19)%0A%20%20%20%20at%20doBootstrap%20(http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A1909%3A20)%0A%20%20%20%20at%20bootstrap%20(http%3A%2F%2F192.168.0.175%3A8020%2FAngularJS%2Fjs%2Fangular.js%3A1930%3A12)
at http://192.168.0.175:8020/AngularJS/js/angular.js:66:12
at http://192.168.0.175:8020/AngularJS/js/angular.js:4920:15
at forEach (http://192.168.0.175:8020/AngularJS/js/angular.js:402:20)
at loadModules (http://192.168.0.175:8020/AngularJS/js/angular.js:4880:5)
at createInjector (http://192.168.0.175:8020/AngularJS/js/angular.js:4802:19)
at doBootstrap (http://192.168.0.175:8020/AngularJS/js/angular.js:1909:20)
at bootstrap (http://192.168.0.175:8020/AngularJS/js/angular.js:1930:12)
at angularInit (http://192.168.0.175:8020/AngularJS/js/angular.js:1815:5)
at http://192.168.0.175:8020/AngularJS/js/angular.js:33340:5
at HTMLDocument.trigger (http://192.168.0.175:8020/AngularJS/js/angular.js:3435:5)
:8020/favicon.ico Failed to load resource: the server responded with a status of 404 (Not Found)
2、错误原因
<!DOCTYPE html>
<html ng-app="dayApp">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="../css/bootstrap.css" />
<link rel="stylesheet" href="../css/bootstrap-theme.css" />
<script type="text/javascript" src="../js/angular.js" ></script>
</head>
<body>
<div class="panel">
<div class="page-header">
<h3>AngularJS</h3>
</div>
<h1 ng-controller="dayCtl">今天是：{{day || "(未知)"}</h1>
<h1 ng-controller="tomCtl">明天是：{{day || "(未知)"}}</h1>
</div>
</body>
</html>
原因：
（1）缺少右大括号“}”
（2）缺少AngularJS模块和控制器结合控制
3、解决办法
<!DOCTYPE html>
<html ng-app="dayApp">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="../css/bootstrap.css" />
<link rel="stylesheet" href="../css/bootstrap-theme.css" />
<script type="text/javascript" src="../js/angular.js" ></script>
<script>
var app = angular.module("dayApp",[]);
app.controller("dayCtl",function($scope){
});
app.controller("tomCtl",function($scope){
});
</script>
</head>
<body>
<div class="panel">
<div class="page-header">
<h3>AngularJS</h3>
</div>
<h1 ng-controller="dayCtl">今天是：{{day || "(未知)"}}</h1>
<h1 ng-controller="tomCtl">明天是：{{day || "(未知)"}}</h1>
</div>
</body>
</html>