javascript - 路由导致 'w is not afunction'

Question

我得到:错误:w不是函数

scripts/app.js

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


app.config(['$routeProvider',
  function ($routeProvider) {
      $routeProvider.
        when('/', {
            templateUrl: 'views/home-page.html',
            controller: 'homePageCtrl'
        }).
        otherwise({
            redirectTo: '/homepage'
        });
  }]);

scripts/controllers/homepageController.js

var homepageControllers = angular.module('homepageControllers', []);
homepageControllers.controller('homePageCtrl', function ($scope, $http) {
    console.log("controller loaded");
});

views/home-page.html

<div>
    Work ffs!
</div>

index.html

<div ng-view></div>

我是 Angular 新手，关注 this教程一步一步。谷歌没有答案，有人有想法吗？

Answer 1

这看起来像 minifying issue 。您应该强制依赖注入(inject)映射:

改变这个:

scripts/controllers/homepageController.js

var homepageControllers = angular.module('homepageControllers', []);
homepageControllers.controller('homePageCtrl', function ($scope, $http) {
    console.log("controller loaded");
});

对此:

scripts/controllers/homepageController.js

var homepageControllers = angular.module('homepageControllers', []);
homepageControllers.controller('homePageCtrl', ['$scope', '$http', function ($scope, $http) {
    console.log("controller loaded");
}]);