我越来越像这样的角度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. 

希望它可以帮助你。

干杯