找不到爲什麼ngRoute沒有加載：模塊'ngRoute'不可用

我知道這個錯誤很舊，我已經找到了很多有關這個問題的答案，但是我仍然找不到修復程序。

我真的得到以下錯誤消息：

angular.js：68未被捕獲的錯誤：[$注射器：modulerr]未能實例模塊對myApp由於：錯誤：無法：[$注射器modulerr]實例化模塊ngRoute由於：錯誤：[$ injector：nomod]模塊'ngRoute'不可用！您拼錯了模塊名稱或忘記加載模塊名稱。如果註冊模塊確保您指定依賴關係作爲第二個參數。

的Index.html

<!DOCTYPE html> 

<html lang="en" ng-app="myApp" > 
    <head> 
     <meta charset="utf-8"> 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js"></script> 
     <script type="text/javascript" scr="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-route.js"></script> 
     <script type="text/javascript" src="js/app.js"></script> 
     <title>My test Website</title> 
     <meta name="author" content="me"> 
    </head> 

    <body ng-controller="ContentController"> 
     <ul class="main-nav" id="main-nav"> 
      <li><a href="#/"><i class="fa fa-home"></i>Home</li> 
      <li><a href="#nothing"><i class="fa fa-comment"></i>Portfolio</li> 
      <li><a href="#nothing"><i class="fa fa-comment"></i>Articles</li> 
      <li><a href="#nothing"><i class="fa fa-comment"></i>Books</li> 
     <li><a href="#about"><i class="fa fa-shield"></i>About Me</li> 
     </ul> 
     <p>Nothing here {{ 1 + 2}}</p> 

     <ng-view></ng-view> 
    </body> 


</html>

App.js

var websiteApp = angular.module('myApp', ['ngRoute']); 


    websiteApp.config( function($routeProvider) { 
    $routeProvider 
     .when('/main', { 
      templateUrl: '/views/main.html', 
      controller: 'MainController' 
     }) 
     .when('/about', { 
      templateUrl: '/views/about.html', 
      controller: 'AboutController' 
     }) 
     .otherwise({ 
      redirectTo: '/' 
     }); 
    }); 

    websiteApp.controller('ContentController', function ($scope) { 
     console.log("content controller loaded"); 
    }); 

    websiteApp.controller('MainController', function ($scope) { 
     console.log("main loaded"); 
    }); 

    websiteApp.controller('AboutController', function ($scope) { 
     console.log("about loaded"); 
    });

我知道我可能會丟失一個非常簡單的細節，但我有雙重檢查相關問題的所有答案在堆棧溢出和我不知道如何解決這個問題。

我相信準備小提琴不會幫助你，因爲這個問題似乎與角度路線的參考有關。

此外，我已經在瀏覽器上禁用緩存。

你能幫我嗎？

謝謝！

來源

2016-04-29 Diego

你在這行

<script type="text/javascript" scr="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-route.js"></script>

有拼寫錯誤不應該BR SCR但SRC

來源

2016-04-29 02:30:19

你也應該更新腳本標籤

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-route.js"></script>

，在中有更好的推薦方法來聲明您的配置文件。此技術可確保您的代碼與Angular的指導方針保持一致。

websiteApp.config(['$routeProvider', '$httpProvider', function($routeProvider, $httpProvider) { 
    $routeProvider 
     .when('/main', { 
      templateUrl: '/views/main.html', 
      controller: 'MainController' 
     }) 
     .when('/about', { 
      templateUrl: '/views/about.html', 
      controller: 'AboutController' 
     }]) 
     .otherwise({ 
      redirectTo: '/' 
     }); 
    });

希望這會有所幫助。

來源

2016-04-29 03:05:42 AllJs

找不到爲什麼ngRoute沒有加載：模塊'ngRoute'不可用

回答

相關問題