Angularjs 错误,模块“testApp”不可用
Posted
技术标签:
【中文标题】Angularjs 错误,模块“testApp”不可用【英文标题】:Angularjs error, Module 'testApp' is not available 【发布时间】:2017-07-13 22:09:03 【问题描述】:<html>
<head>
<script type="text/javascript" src="js/angular/angular.js"></script>
<script type="text/javascript" src="js/angular/angular-route.js"></script>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title></title>
<meta name="author" content="Stanislau">
<link href="css/style.css" rel="stylesheet">
</head>
<body ng-app="testApp">
<div ng-controller="testCtrl">
Message
</div>
</body>
</html>
main.js 代码
var app = angular.module('testApp', ['ngRoute']);
app.controller('testCtrl', function($scope)
$scope.Message = '123';
);
错误: angular.js:68 未捕获的错误:[$injector:modulerr] 无法实例化模块 testApp 由于: 错误:[$injector:nomod] 模块“testApp”不可用!您要么拼错了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。 http://errors.angularjs.org/1.6.1/$injector/nomod?p0=testApp
如果代码:
<html>
<head>
<script type="text/javascript" src="js/angular/angular.js"></script>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title></title>
<meta name="author" content="Stanislau">
<link href="css/style.css" rel="stylesheet">
</head>
<body ng-app="testApp">
<div ng-controller="testCtrl">
Message
</div>
</body>
</html>
main.js 代码:
var app = angular.module('testApp', []);
app.controller('testCtrl', function($scope)
$scope.Message = '123';
);
错误是一样的!!
测试版地址:http://zadanie.salesdep.by/
【问题讨论】:
它在我的浏览器中运行。您可以通过硬重新加载或隐身模式在浏览器中打开相同的 URL 吗? 在您的链接中工作正常 @Afimidas,清除浏览器缓存 我的浏览器出了什么问题! ty 伙计们,隐身模式帮助了我! 【参考方案1】:代码运行正常。请检查库参考路径
<div ng-app="testApp" ng-controller="testCtrl">
<div ng-controller="testCtrl">
Message
</div>
</div>
<script>
var app = angular.module('testApp', []);
app.controller('testCtrl', function($scope)
$scope.Message = '123';
);
</script>
【讨论】:
以上是关于Angularjs 错误,模块“testApp”不可用的主要内容,如果未能解决你的问题,请参考以下文章
AngularJS 错误:模块“ngResource”不可用!您要么拼错了模块名称,要么忘记加载它