routeProvider angularJS 1.3.x 错误：$injector:modulerr

Question

我对 angularjs 有点问题，这个问题已经得到了很多答案，但在我的情况下我无法解决这个问题。

这是我在 html 中的导入

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular-route.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular-resource.min.js"></script>

App.js

angular.module('ngApp',['ngRoute'])
.config(['$routeProvider'], 
    function($routeProvider){ // Error here !

}).controller('ngAppHome',function ($scope){
  $scope.title = ""; 
});

错误（在 chrome 中）

Failed to instantiate module ngApp due to:
Error: [ng:areq] http://errors.angularjs.org/1.3.16/ng/areq?p0=fn&p1=not%2...
    at Error (native)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js:6:417
    at Sb (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js:19:510)
    at La (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js:20:78)
    at Function.bb.$$annotate (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js:175:178)
    at Object.e [as invoke] (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js:36:147)
    at d (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js:34:498)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js:35:117
    at q (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js:7:322)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js:34:399

感谢您的帮助

Answer 1

config() 需要一个参数，而不是 2。要么是回调函数本身，要么是包含提供程序名称的数组，后跟回调函数：

angular.module('ngApp',['ngRoute']).config(function($routeProvider){ 
    ...
})

或

angular.module('ngApp',['ngRoute']).config(['$routeProvider', function($routeProvider) { 
    ...
}])

鉴于您的代码无论如何都不会拒绝缩小，因为您不为控制器使用数组语法，所以我会使用第一个简单的。在您的构建中使用 ngAnnotate 使您的代码可缩小。