实例化demoApp模块失败,原因:错误:[$injector:nomod] module 'demoApp
Failed to instantiate module demoApp due to: Error: [$injector:nomod] Module 'demoApp' is not available
我正在尝试使用angular和ngRoute/ngView构建一个简单的SPA。我就是做不到。
我得到错误:angular.js:68未捕获错误:[$injector:modulerr]实例化demoApp模块失败,原因如下:错误:[$injector:nomod]模块'demoApp'不可用!您要么拼错了模块名,要么忘记加载它。如果注册一个模块,请确保将依赖项指定为第二个参数。
我在网上看了各种代码示例以及youtube教程,并将我的代码与他们的代码进行了比较,但我根本不知道我做错了什么。对我来说,他们看起来一模一样。
我提前道歉,这个问题似乎在过去被问了很多次,但是以前的回答对我没有任何帮助。
这是我的html文件,它叫做"test.html"。
<html ng-app="demoApp">
<head>
<title>My Angular App</title>
</head>
<body>
<h2>DemoApp Demo</h2>
<div>
<a href="#/partial1.html">Partial 1</a>
<a href="#/partial2.html">Partial 2</a>
<div ng-view></div>
</div>
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.js"></script>
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular-route.js"></script>
<script src = "demoApp.js" />
</body>
</html>
这是"demoApp.js",它和test.html
在同一个目录下。var demoApp = angular.module('demoApp', ['ngRoute']);
demoApp.config(['$routeProvider', function($routeProvider) {
$routeProvider
.when('/partial1',
{
controller: 'SimpleController',
templateUrl: 'Partials/partial1.html'
}).when('/partial2',
{
controller: 'SimpleController',
templateUrl: 'Partials/partial2.html'
}).otherwise({redirectTo: '/partial1'});
}]);
demoApp.controller('SimpleController', function($scope){
$scope.customers = [
{name:'Victor', city:'Norrköping'},
{name:'Mikael', city:'Göteborg'},
{name:'Jocke', city:'Göteborg'},
{name:'Skåne', city:'Ystad'}
];
$scope.addCustomer = function(){
$scope.customers.push(
{
name: $scope.newCustomer.name,
city: $scope.newCustomer.city
});
}
});
我没有包括Partial1和Partial2,因为它们似乎与问题无关,因为它们只是简单的HTML文件,没有脚本。
你的错误在
<script src="..." />
不能有自闭的script
标签,所以应该是
<script src="..." > </script>
Plunker演示答案:http://plnkr.co/edit/Mz1GRSFRxaUN9q6gUONl
相关文章:
- 为什么要对define.md和module.exports进行条件检查,以及条件何时通过
- Module.start()已激发两次
- module.js在运行iron节点时找不到模块
- ES6to5, ES6 Module Transpiler and Babel
- 在jasmine规范中使用module.exports
- 我们可以在一个js文件中有多个module.exports语句吗
- module.exports一个jQuery插件
- “module.exports.instance”是什么意思
- Module.exports通过Mongoose调用返回undefined
- 我可以在Node中以编程方式更改.js文件的module.exports中的JSON对象吗
- 使用module.exports和ES6导出导入
- 调用module.exports上的函数时发生CommonJS非法调用错误
- 如何从module.exports访问函数
- 为什么在定义导出属性之前调用module.exports时仍然有效
- 使用angular.module创建控制器有什么好处(如果有的话)
- 如何在mocha测试中模拟全局变量(define、module、window)
- $(this) in JavaScript Module Pattern
- react-css-module module not found
- 使用 Angular.Module 的 AngularJS 指令定义
- 实例化demoApp模块失败,原因:错误:[$injector:nomod] module 'demoApp