試圖建立路由時的注入器錯誤

我正在測試Angular框架，並且我最後的測試正在基於路由選擇。試圖建立路由時的注入器錯誤

我正在其中我有典型的項目設置的例子：將以index.html源文件夾，其具有這樣的：

<!DOCTYPE HTML> 
<html ng-app="test"> 
    <head> 
     <!-- Plugins/Frameworks !--> 
     <script type="text/javascript" src="plugins/angular.js"></script> 
     <script type="text/javascript" src="plugins/angular-route.js"></script> 

     <!-- JS !--> 
     <script type="text/javascript" src="js/app.js"></script> 
     <script type="text/javascript" src="js/controllers.js"></script> 
     <script type="text/javascript" src="js/directives.js"></script> 
     <script type="text/javascript" src="js/services.js"></script> 

     <!-- Stylesheets !--> 
     <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> 
     <link rel="stylesheet" type="text/css" href="css/styles.css"> 
    </head> 
    <body> 
     <div ng-view> 
     </div> 
    </body> 
</html>

然後，將文件夾JS（用控制器，指令，模塊定義...），CSS和插件（我有angular.js和angular-route.jos）。

這是我在我的模塊定義的JS/app.js：

var app = angular.module('test', ['ngRoute', 'controllers', 'directives', 'services']); 

app.config(['$routeProvider',function($routeProvider) { 
    $routeProvider. 
    when('/index', { 
     templateUrl: 'templates/main.html', 
     controller: 'mainCtrl' 
    }). 
    otherwise({ 
     redirectTo: '/index' 
    }); 

}]);

輸入本地主機/測試網站/索引時，它應該工作，檢索我這個模板：

<div class="page-header"> 
    <h1>Test site<small>For test purposes</small></h1> 
</div> 
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 sidebar"> 
    Test, test, test! 
</div>

...不應該嗎？那麼，它不會。

我每次有這個錯誤我訪問我的index.html：

錯誤：[$注射器：modulerr] http://errors.angularjs.org/1.5.0-rc.1/ $噴油器/ modulerr P0 =測試& P1 =％5B％24injector％3Amodulerr％圖5D％20http％3A％2F％2Ferrors.angularjs.org％2F1.5.0-RC.1％2F％24injector％2Fmodulerr％3Fp0％3Ddirectives％26P1％3D％255B％2524injector％253Anomod％255D％2520http％253A％252F％ 252Ferrors.angularjs.org％252F1.5.0-RC.1％252F％2524injector％252Fnomod％253Fp0％253Ddirectives％250AP％252F％253C％2540http％253A％252F％252Flocalhost％252FtestSite％252Fplugins％252Fangular.js％253A6％253A421％ 250Afe％252F％253C％252F％253C％252F％253C％2540http％253A％252F％252Flocalhost％252FtestSite％252Fplugins％252Fangular.js％253A25％253A136％250Ab％2540http％253A％252F％252Flocalhost％252FtestSite％252Fplugins％252Fangular。 JS ％253A24％253A188％250Afe％252F％253C％252F％253C％2540http％253A％252F％252Flocalhost％252FtestSite％252Fplugins％252Fangular.js％253A24％253A1％250Ag％252F％253C％2540http％253A％252F％252Flocalhost％252FtestSite ％252Fplugins％252Fangular.js％253A39％253A201％250An％2540http％253A％252F％252Flocalhost％252FtestSite％252Fplugins％252Fangular.js％253A7％253A364％250Ag％2540http％253A％252F％252Flocalhost％252FtestSite％252Fplugins％252Fangular.js ％253A39％253A49％250Ag％252F％253C％2540http％253A％252F％252Flocalhost％252FtestSite％252Fplugins％252Fangular.js％253A39％253A218％250An％2540http％253A％252F％252Flocalhost％252FtestSite％252Fplugins％252Fangular.js％253A7 ％253A364％250Ag％2540http％253A％252F％252Flocalhost％252FtestSite％252Fplugins％252Fangular.js％253A39％253A49％250Agb％2540http％253A％252F％252Flocalhost％252FtestSite％252Fplugins％252Fangular.js％253A43％253A53％250Azc％252Fc ％2540http％253A％252F％252Flocalhost％252FtestSite％252Fplugins％252Fangular.js％253A20％253A421％250Azc％2540http％253A％252F％252Flocalhost％252FtestSite％252Fplugins％252Fangular.js％253A21％253A225％2 50Aae％2540http％253A％252F％252Flocalhost％252FtestSite％252Fplugins％252Fangular.js％253A20％253A41％250A％2540http％253A％252F％252Flocalhost％252FtestSite％252Fplugins％252Fangular.js％253A304％253A355％250Ab％2540http％253A％ 252F％252Flocalhost％252FtestSite％252Fplugins％252Fangular.js％253A181％253A440％250AMf％2540http％253A％252F％252Flocalhost％252FtestSite％252Fplugins％252Fangular.js％253A36％253A391％250ALf％252Fd％2540http％253A％252F％252Flocalhost％ 252FtestSite％252Fplugins％252Fangular.js％253A36％253A340％250A％0AP％2F％3C％40http％3A％2F％2Flocalhost％2FtestSite％2Fplugins％2Fangular.js％3A6％3A421％0Ag％2F％3C％40http％3A％ 2F％2Flocalhost％2FtestSite％2Fplugins％2Fangular.js％3A39％3A475％0AN％40http％3A％2F％2Flocalhost％2FtestSite％2Fplugins％2Fangular.js％3A7％3A364％0Ag％40http％3A％2F％2Flocalhost％2FtestSite％ 2Fplugins％2Fangular.js％3A39 3A49％％0Ag％2F％3C％40http％3A％2F％2Flocalhost％2FtestSite％2Fplugins％2Fangular.js％3A39％3A218％0AN％40http％3A％2F％2Flocalhost％2FtestSite％2Fplugins％ 2Fangular.js％3A7％3A364％0Ag％40http％3A％2F％2Flocalhost％2FtestSite％2Fplugins％2Fangular的.js％3A39 3A49％％0Agb％40http％3A％2F％2Flocalhost％2FtestSite％2Fplugins％2Fangular.js％3A43 3A53％％0Azc％2FC％40http％3A％2F％2Flocalhost％2FtestSite％2Fplugins％2Fangular.js％3A20 ％3A421％0Azc％40http％3A％2F％2Flocalhost％2FtestSite％2Fplugins％2Fangular.js％3A21％3A225％0Aae％40http％3A％2F％2Flocalhost％2FtestSite％2Fplugins％2Fangular.js％3A20 3A41％％0A％40http ％3A％2F％2Flocalhost％2FtestSite％2Fplugins％2Fangular。JS％3A304％3A355％0AB％40http％3A％2F％2Flocalhost％2FtestSite％2Fplugins％2Fangular.js％3A181％3A440％0AMf％40http％3A％2F％2Flocalhost％2FtestSite％2Fplugins％2Fangular.js％3A36％3A391％ 0ALf％2Fd％40http％3A％2F％2Flocalhost％2FtestSite％2Fplugins％2Fangular.js％3A36％3A340％0A

什麼可能導致這種情況？

來源

2016-02-10 Zerok

此錯誤消息是真的討厭閱讀，但這裏是transalation：爲模塊 '測試' 沒有國防部 '指令'：

錯誤：[$注射器：modulerr] http://errors.angularjs.org/1.5.0-rc.1/ $噴油器/ modulerr P0 = 測試 & p1 =％5B％24注射器％3A調節器％5D％20http％3A％2F％2Ferrors.angularjs.org％2F1.5.0-rc.1％2F％24注射器％2模擬器％3Fp0％3D 指令％26p1％3D ％255B％2524injector％253A nomod％255D％2520http％253A％252F％252Ferrors.angularjs.org％252F1.5.0-rc.1％252F％2524injector％252F nomod％253Fp0％253D 指令

所以，檢查你的模塊指令的聲明。

來源

2016-02-10 08:22:45 Walfrat

哦，謝謝！是的，我確實在指令模塊中遇到問題。現在它已經修復並且工作得非常好。謝謝！ – Zerok

不用客氣，這些信息讓我很頭痛，當我開始角質也:) – Walfrat

試圖建立路由時的注入器錯誤

回答

相關問題