Error: [$injector:nomod] Module 'dayApp' is not available!

超、凢脫俗 2022-06-16 10:18 169阅读 0赞

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>