我正在尝试使用 angular 和 ngRoute/ngView 构建一个简单的 SPA。我根本无法让它发挥作用。
我收到错误:angular.js:68 Uncaught Error :[$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
关于javascript - 由于 : Error: [$injector:nomod] Module 'demoApp' is not available，无法实例化模块 demoApp，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38203817/