我越來越像這樣的角度js錯誤未捕獲的錯誤：[$ injector：modulerr]

Question

我有一個問題，角JS接收到一個錯誤：未捕獲的錯誤：[$注射器：modulerr]。我的JS文件看起來

這是我的應用程序的js

var app = angular.module(' myApp', ['ngRoute']); 
app.config(["$routeProvider", function($routeProvider) { 
$routeProvider 

.state('home', { 
    url: '/home', 
    abstract: true, 
    templateUrl: 'templates/home.html', 
    controller: 'homeCtrl' 
    }); 
otherwise('/home'); 
}]); 

這是我的索引頁

<div ng-app="myApp"> 
    <div ng-view></div> 
</div> 

<script src="js/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script> 
<script type="text/javascript" src="lib/controller.js"></script> 
<script type="text/javascript" src="lib/app.js"></script> 
<script type="text/javascript" src="lib/directives.js"></script> 

這是我的控制器JS

var app = angular.module('myApp',[]);         
    app.controller('homeCtrl', function($scope) 
    { 
     $scope.names = [{nickname:'n',fullname:'nakama'}]; 
    }); 

，這是我的主頁

<div> 
<ul> 
    <li ng-repeat="x in names"> 
    {{x.nickname + '<-means->' + x.fullname}} 
    </li> 
</ul> 
</div> 

Answer 1

裝入app.js之前，您controller.js

<script src="js/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script> 
<!--Load this first--> 
<script type="text/javascript" src="lib/app.js"></script> 
<script type="text/javascript" src="lib/controller.js"></script> 
<script type="text/javascript" src="lib/directives.js"></script> 

Answer 2

在控制器JS

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

這意味着你要開始一個新的模塊。 更改爲

var app = angular.module('myApp'); 

注意，[]已被刪除;

這樣的角度返回現有對myApp模塊

另外：在您的HTML controller.js前

移動app.js

Answer 3

您需要先於controller.js加載app.js

和內部控制文件，不要instatiate同一模塊再次

var app = angular.module('myApp',[]); // remove [] from here. 

希望它可以幫助你。

乾杯