Angular js：Uncaught Error：[$ injector：nomod]模块不可用

Question

所以我不确定为什么在服务我的项目时会出现这个错误

未捕获错误：[$ injector：nomod]模块'items.controller'不可用！ 您要么错误拼写了模块名称，要么忘记加载它。 如果注册模块，请确保将依赖项指定为第二个参数。

我觉得我已经看了太久了，我仍然无法分辨出什么是遗漏的。 我在这里错过了什么？

我的文件结构看起来像这样......

在我的items.controller.js里面

(function () {
  'use strict';

  angular
    .module('items.controller')
    .controller('ItemDetailsController', ItemDetailsController);

  function ItemDetailsController($state, $timeout, $stateParams, itemsDataService) {
    var vm = this;
    vm.showItemDetails = showItemDetails;
    vm.item = itemsDataService.getById($stateParams.id);

    $state.$current.data.pageSubTitle = vm.item.title;

    function showItemDetails(id) {
      $state.go('itemDetails', {id: id});
    }
  }
})();

和我的items.module.js包含......

(function () {
  'use strict';

  angular
    .module('items', [
      'items.controller',
      'items.service'
    ]);

  angular.module('items.controller', []);
  angular.module('items.service', []);

})();

并在我的items.route.js文件中：

(function () {
  'use strict';

  angular
    .module('items')
    .config(routerConfig);

  function routerConfig($stateProvider) {
    $stateProvider
      .state('itemDetails', {
        url: '/product/:id',
        templateUrl: 'items/itemDetails.html',
        controller: 'ItemDetailsController',
        controllerAs: 'itemDetails'
      })
  }

})();

最后在我的index.module.js文件中：

import { config } from './index.config';
import { routerConfig } from './index.route';
import { runBlock } from './index.run';
import { MainController } from './main/main.controller';
import { ItemDetailsController } from '../app/components/items/items.controller';
import { GithubContributorService } from '../app/components/githubContributor/githubContributor.service';
import { WebDevTecService } from '../app/components/webDevTec/webDevTec.service';
import { NavbarDirective } from '../app/components/navbar/navbar.directive';
import { MalarkeyDirective } from '../app/components/malarkey/malarkey.directive';

angular.module('productsFind', ['ngAnimate', 'ngCookies', 'ngTouch', 'ngSanitize', 'ngMessages', 'ngAria', 'ngRoute', 'toastr'])
  .constant('malarkey', malarkey)
  .constant('moment', moment)
  .config(config)
  .config(routerConfig)
  .run(runBlock)
  .service('githubContributor', GithubContributorService)
  .service('webDevTec', WebDevTecService)
  .controller('MainController', MainController)
  .controller('ItemDetailsController', ItemDetailsController)
  .directive('acmeNavbar', NavbarDirective)
  .directive('acmeMalarkey', MalarkeyDirective);

我在哪里加载它？ 预先感谢您的帮助。 :)

Answer 1

你需要添加一行import '../app/components/items/items.module'; 在import { ItemDetailsController } from '../app/components/items/items.controller';之前import { ItemDetailsController } from '../app/components/items/items.controller'; 在index.module.js文件中，这是因为您正在使用ES2015语法加载模块

以后你需要做@slackmart之前在他的回答中所说的：将模块items添加到模块productsFind

angular.module('productsFind', ['ngAnimate', 'ngCookies', 'ngTouch', 'ngSanitize', 'ngMessages', 'ngAria', 'ngRoute', 'toastr', 'items'])