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

前端之家收集整理的这篇文章主要介绍了Error: [$injector:nomod] Module 'dayApp' is not available!前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

猜你在找的Angularjs相关文章