AngularJS在向工厂注入常量时出现未知提供商错误

AngularJS Getting Unknown provider error injecting a constant into a factory

本文关键字：未知 提供商 错误 常量 工厂 注入 AngularJS      更新时间：2023-09-26

在试图将constant注入正在注入controller的factory时，我得到了一个角度的unknown provider错误。

angular.js:13920 Error: [$injector:unpr] Unknown provider: estimatingUtilitiesSettingsProvider <- estimatingUtilitiesSettings <- templateResolutionDataService

app.js: 

angular
    .module('main', [
        'ngResource'
       , 'angulartics'
       , 'angulartics.appinsights'
       , 'envModule'
       , 'gettext'
       , 'webModule'
       , 'serviceModule'
    ])
  .controller('testPageController', [
      '$scope'
     , '$http'
     , '$resource'
     , 'envModule'
     , 'gettext'
     , 'templateResolutionDataService'
     , 'profileTemplateResolutionDataService'
     , 'templateResolutionDataWithMultipleTemplatesService'
     , 'partResolutionDataService'
     , 'featureToggleService'
     , 'recommendedResolutionDataService'
     , 'profiledResolutionDataService'
     , function ($scope, $http, $resource, envModule, gettext
         , templateResolutionDataService
         , profileTemplateResolutionDataService
         , templateResolutionDataWithMultipleTemplatesService
         , partResolutionDataService
         , featureToggleService, recommendedResolutionDataService
         , profiledResolutionDataService) {
     //contents
  }]);

templateResolutionDataService.js: 

(function (angular) {
    'use strict';
    angular
        .module('serviceModule', [
               'webModule' 
        ])
        .factory('templateResolutionDataService', [
              'gettext'
            , 'estimateUtilitiesExtensionService'
            , 'partResDataServiceSettings'
            , 'estimatingUtilitiesSettings'

            , function (gettext, estimatingUtilitiesService
                , partResDataServiceSettings, estimatingUtilitiesSettings) {
            }
     ]);
})(window.angular);

webModule.js: 

(function (angular) {
    'use strict';
    angular
        .module('webModule', [
            'ng'
            , 'ngResource'
            ,'miEnvironment'
            ,'gettext'
            ,'analyticsFilters'
            ,'touchEvents'
            ,'flyoutModule'
        ])
        .constant('estimatingUtilitiesSettings', {
            SourceKeys: {
                'Template': 1
                ,'Part': 2
            }
        });
})(window.angular);

我一直在调整继承顺序，但似乎没有解决这个问题。有人知道我做错了什么吗?或者我该如何识别和解决它?

EDIT:注释掉常量的声明(并用适当的值手动替换它的引用)确实允许应用程序继续通过这一点，所以对于templateResolutionData.js来说，这是唯一阻止其执行的事情。

我已经简化了你的代码，并在小提琴上运行它没有错误

    angular.module('main', ['webModule', 'serviceModule'])
  .controller('testPageController', [
    '$scope', '$http', 'templateResolutionDataService',
    function($scope, $http, templateResolutionDataService) {
      //contents
      $scope.setting = templateResolutionDataService;
    }
  ]);
(function(angular) {
  'use strict';
  angular.module('serviceModule', [
      'webModule'
    ])
    .factory('templateResolutionDataService', ['estimatingUtilitiesSettings',
      function(estimatingUtilitiesSettings) {
         var getSetting = function() {
          return estimatingUtilitiesSettings.SourceKeys;
        }
        return getSetting();
      }
    ]);
})(window.angular);
(function(angular) {
  'use strict';
  angular.module('webModule', [])
    .constant('estimatingUtilitiesSettings', {
      SourceKeys: {
        'Template': 1,
        'Part': 2
      }
    });
})(window.angular);

您将miEstimatingUtilitiesSettings误命名为EstimatingUtilitiesSettings

相关文章：