無法實例化模塊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'不可用

回答

相關問題