Angular无法加载模块，它肯定可以加载

Question

我已经完成了所有建议的可能重复，但没有一个符合我的情况。

Angular抱怨说肯定存在依赖关系，正如我在控制台中键入angular.module时的角度查找所证明的那样（如附图所示）。

任何人都可以解释这是如何可能的，如果是这样，如何解决它？我没有想法。

==== app.js ====
angular
  .module('tfApp', [
    'tfConfig',
    'tfResources',
    'tfModals',
    'dashboardApp',
    'ngAnimate',
    'ngRoute',
    'ngSanitize',
    'ngTouch',
    'ordinal',
    'ngFileUpload',
    'mgcrea.ngStrap'
  ])
    .config( ...

==== main.js ====

angular.module('tfApp')
  .controller('MainCtrl', function ($filter, apiDate, tournamentService, anglerService) {

==== resource-module.js ====

angular
  .module('tfResources', [
    'tfConfig',
    'mgcrea.ngStrap.modal',
    'ngResource'
  ])
  .config(function ($resourceProvider) {
    $resourceProvider.defaults.stripTrailingSlashes = false;
  });

==== modal-module.js ====

angular
  .module('tfModals', [
    'tfConfig',
    'tfResources',
    'mgcrea.ngStrap.modal'
  ]);

==== config.js ====

angular.module('tfConfig', [])
  .constant('resourceUrls', { ... 

==== angler-service.js ====

angular.module('tfResources')
  .factory('anglerService', function ($resource, resourceUrls, paramDefaults, customActions) {

Answer 1

好的，所以我通过深入研究anglerService错误找到了问题：正如您从上面的代码中看到的那样，它出现在tournamentService之后，这意味着角度找到tournamentService没有问题...

事实证明，因为我刚刚在一个目录中创建了具有平面结构的模块文件，并且它们实际上被称为angler.js，module.js和tournament.js，我的资产管道是按字母顺序加载它们，因此anglerService试图被定义为不存在的模块，而tournamentService则没有。

重新构建文件以确保首先加载module.js解决了问题。