javascript - 未知提供者 : $resourceProvider after bundle

Question

我有一个带有 angularjs 的 af MVC 4.5 项目。我已经对 Controller 和工厂进行了 bundle 和缩小。我读过有关使 Angular Controller 和工厂缩小安全的信息，但我收到此错误并且找不到问题:

Unknown provider: $resourceProvider

模块:

var app = angular.module("seducApp", []);
app.$inject = ['ngRoute', 'ngResource', 'ngSanitize', 'ngAnimate', 'ui.tinymce', 'mgcrea.ngStrap.tooltip',
'mgcrea.ngStrap.datepicker', 'mgcrea.ngStrap.alert', 'ui.select', 'uuid4', 'rt.popup', 'angular-md5', 'mgcrea.ngStrap.button',
'ui.bootstrap.tabs', 'mgcrea.ngStrap.timepicker', 'naif.base64', 'base64', 'angular-smilies', 'angular-google-adsense',
'angularFileUpload', 'angular.directives-round-progress', 'numericbinding', 'ngImgCrop', 'ui.tree', 'timer',
'$httpProviderConfig', '$compileProviderConfig', '$locationProviderConfig', 'uiSelectConfig', 'datetimeFilter',
'cutFilter', 'groupFilter', 'partitionFilter', 'aDisabledDirective'];

工厂:

app.factory('siteRepository', function ($resource, $http) {
   return {
        checkSiteStatus: function () {
            return $resource('/Home/GetSiteStatus').query();
        },
        getSiteStatus: function () { 
            return $http.get('/Home/GetSiteStatus') 
        },        
        getSiteChangeLog: function () {
            return $http.get('/Home/GetSiteChangeLog')
        }
    }
});

debug在web.config中设置为true，那么我应该得不到工厂的缩小版。

我已经尝试了很多东西，但没有解决方案:(

Answer 1

删除 app.$inject 语句。相反，传递一个依赖数组。观察下面的简化演示，它稍微演示了这一点......

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

mod.factory('modFactory', function() {

    return {
        'woo': function woo() {
            console.log('woah!');
        }
    }
});

// -----------------------------------------------------

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

app.controller('ctrl', function(modFactory) {
    modFactory.woo();
});

上面的工作而下面的将失败...

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

app.$inject = ['mod'];

Unknown provider: modFactoryProvider

JSFiddle Link - 演示

---

快速解决您的问题包括将您的 app 定义更改为以下...

var app = angular.module('seducApp', ['ngRoute', 'ngResource', 'ngSanitize', 'ngAnimate', 'ui.tinymce', 'mgcrea.ngStrap.tooltip',
'mgcrea.ngStrap.datepicker', 'mgcrea.ngStrap.alert', 'ui.select', 'uuid4', 'rt.popup', 'angular-md5', 'mgcrea.ngStrap.button',
'ui.bootstrap.tabs', 'mgcrea.ngStrap.timepicker', 'naif.base64', 'base64', 'angular-smilies', 'angular-google-adsense',
'angularFileUpload', 'angular.directives-round-progress', 'numericbinding', 'ngImgCrop', 'ui.tree', 'timer',
'$httpProviderConfig', '$compileProviderConfig', '$locationProviderConfig', 'uiSelectConfig', 'datetimeFilter',
'cutFilter', 'groupFilter', 'partitionFilter', 'aDisabledDirective']);

查看 Angular DI docs有关该主题的更多详细信息