無法在AngularJS中注冊模塊

Question

我有一個簡單的前端應用程序，可以在這里找到。 在我的索引文件中，我先加載app.js，然后再加載authentication.js服務：

<script src="scripts/app.js"></script>
<script src="scripts/services/authentication.js"></script>

身份驗證模塊可以在scripts/services/authentication.js文件中找到，如下所示：

'use strict';

angular.module('Authentication')

.factory('AuthenticationService',
    ['$http', '$rootScope', 
     function ($http, $rootScope) {
        var service = {};

        service.Login = function (username, password) {
            $http.post('/users/authenticate', { username: username, password: password })
                .success(function (response) {
                    console.log(response);
                });
        };

        service.SetCredentials = function (token) {
            $rootScope.localStorage.setItem('token', token);            
            $http.defaults.headers.common['Authorization'] = 'Bearer ' + token; // jshint ignore:line
        };

        service.ClearCredentials = function () {
            $rootScope.removeItem('toke');
            $http.defaults.headers.common.Authorization = 'Bearer ';
        };

        return service;
}]);

我是AngularJS的新手，我只是在學習本教程 。 運行我的應用程序時遇到的問題是：

模塊“身份驗證”不可用。 您拼錯了模塊名稱或忘記了加載它...

Answer 1

angular.module('Authentication') 

應該

angular.module('app')

因為您嘗試將兩個模塊加載到同一文件中，但這是可能的，即使根據此處提到的教程，這種情況也無法實現，因此將Authentication更改為app 。