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>原文链接:https://www.f2er.com/angularjs/147290.html