无法实例化模块demoApp，原因是：错误：[$ injector：nomod]模块'demoApp'不可用

我正在尝试使用angular和ngRoute/ngView构建一个简单的SPA。我根本无法让它工作。

我得到的错误：angular.js：68 未捕获的错误：[$注射器：modulerr]未能实例化模块demoApp由于：错误：[$注射器：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文件没有脚本。

来源

2016-07-05 Flux

你的错误是在该行

<script src="..." />

你不能有自行闭合的script标签，所以它应该是

<script src="..." > </script>

Plunker证明答案：http://plnkr.co/edit/Mz1GRSFRxaUN9q6gUONl

来源

2016-07-05 13:03:35

想这将是一些愚蠢像那样。不知道你不能用'/'结束脚本标签。非常感谢，你治愈了我的头痛。 – Flux

不客气哈哈，我也已经用一些愚蠢的东西打了个头。欢迎来到AngularJS世界！ –

无法实例化模块demoApp，原因是：错误：[$ injector：nomod]模块'demoApp'不可用

回答

相关问题