サービスが定義されていません

Question

AngularJSの使用中にエラーが発生しました。あるモジュールから別のモジュールにサービスをインポートできません。モジュールDataでMenuDataServiceというサービスがあり、MenuAppモジュールで使用したいと思っています。それをしようとすると、次のリンクhttps://docs.angularjs.org/error/$injector/unpr?p0=MenuDataServiceProvider%20%3C-%20MenuDataService%20%3C-%20CategoriesControllerでエラーが発生します。

SRC /データモジュール/ data.module.js：

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

SRC /データモジュール/ 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モジュール/ menuapp。 module.js：

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

のsrc/menuappモジュール/ 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); 
         ^