javascript - 服务未定义

Question

我在使用 AngularJS 时遇到错误，无法将服务从一个模块导入到另一个模块。我在模块 Data 中有一个名为 MenuDataService 的服务，我想在模块 MenuApp 中使用它，当我尝试这样做时，它会出现以下链接 https://docs.angularjs.org/error/$injector/unpr?p0=MenuDataServiceProvider%20%3C-%20MenuDataService%20%3C-%20CategoriesController 的错误。 .

src/data-module/data.module.js:

angular.module('Data', []);

src/data-module/menudata.service.js:

angular.module('Data')
.constant('CATEGORIES_URI', 'some_uri')
.service('MenuDataService ', MenuDataService);

MenuDataService.$inject = ['$http', 'CATEGORIES_URI'];
function MenuDataService($http, CATEGORIES_URI) {
  var service = this;

  service.getAllCategories = function () {
    return httpRequest(CATEGORIES_URI);
  };
};

src/menuapp-module/menuapp.module.js:

angular.module('MenuApp', ['Data']);

src/menuapp-module/categories.controller.js:

angular.module('MenuApp')
.controller('CategoriesController', CategoriesController);

CategoriesController.$inject = ['MenuDataService'];
function CategoriesController(MenuDataService) {
  console.log('CATEGORIES CONTROLLER');
};

index.html:

  <script type="text/javascript" src="./lib/angular.min.js"></script>
  <script type="text/javascript" src="./src/data-module/data.module.js"></script>
  <script type="text/javascript" src="./src/data-module/menudata.service.js"></script>
  <script type="text/javascript" src="./src/menuapp-module/menuapp.module.js"></script>
  <script type="text/javascript" src="./src/menuapp-module/categories.controller.js"></script>

任何帮助都会很棒，因为我不知道我做错了什么......

非常感谢!

Answer 1

您定义的服务名称中有一个额外的空格。

.service('MenuDataService ', MenuDataService);
                         ^