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 - 模块已定义但仍然出现“不可用”错误

AngularJS 错误:模块“ngResource”不可用!您要么拼错了模块名称,要么忘记加载它

AngularJS下拉列表select在option动态变化之后多出了一个错误项的问题

Phonegap 错误 + 错误:找不到模块 'q'

错误:找不到模块 AngularJS+NodeJs

AngularJS,Node.js,节点模块“幻影”... 注入错误,angularjs 试图加载我的指令 + 后缀