angularjs - 使用缩小 AngularJS 在发布中启动项目

Question

我有两个模块：

var app = angular.module('app', ["homeModule"])...

angular.module("homeModule", [])...

如果在网络配置属性“编译调试=“真”..”一切正常。但是当我在发布中构建项目并且“编译调试 =”假“..” BundleCollection 将所有 JS 文件收集在一个中时，我遇到了问题。在日志控制台中我看到错误

错误：未知提供者：来自 homeModule 的 n

我的“app”模块找不到并连接“homeModule”。

我究竟做错了什么？如何正确连接“homeModule”模块？

Answer 1

我认为您一般对 AngularJs 和缩小有疑问。定义依赖项时，您需要使用数组表示法，例如：

angular.module("app", ["homeModule"])
       .controller("UsersController", ["$scope", "usersRepository", function($scope, usersRepository) {
    // ... 
}]);

或使用https://github.com/btford/grunt-ngmin为您进行转换。

Answer 2

我在 homeModule.config 工作代码中发现了问题：

var app = angular.module('app', ["homeModule"]);
    app.config(['$routeProvider', '$locationProvider',function ($routeProvider, $locationProvider)
        {
            $locationProvider.html5Mode(true);
            $routeProvider.otherwise({ redirectTo: '/' });
        }
    ]);


angular.module("homeModule", [])
    .config(['$routeProvider', function ($routeProvider)
    {
        $routeProvider.when('/', { templateUrl: 'ClientApp/Home/Index.html' });
        $routeProvider.when('/home', { templateUrl: 'ClientApp/Home/Index.html' });
    }])