Javascript Angularjs错误：null不是对象（计算'；a.$current.locals[l]'；）

我设置了一个angular项目，当用户转到

/cloud

并且他们没有登录（

isLoggedIn（）

返回失败）时，它会重定向到

/login

。然后，如果他们登录并转到

/login

，它会将他们重定向回

/cloud

但是，当我单击“注销”按钮清除本地存储时，出现以下错误（一切仍然正常）：

错误：null不是对象（正在计算“a.$current.locals[l]”）

根据我的日志，这似乎发生在我的注销控制器的

oneter

上

我是个新手，所以任何建议或指导都将不胜感激

var routerApp = angular.module('myapp', ['ui.router'])
    //config for state changes
    .factory('Auth', function($http, $state, $q) {

        var factory = { isLoggedIn: isLoggedIn };
        return factory;

        function isLoggedIn(token) {
            return $http.post('/auth/session', {token:token});
        }

    })
    .config(function($stateProvider, $urlRouterProvider, $locationProvider) {

        $locationProvider.html5Mode(true);
        $urlRouterProvider.otherwise('/cloud');

        var authenticated = ['$q', 'Auth', '$rootScope', function ($q, Auth, $rootScope) { 
            var deferred = $q.defer();
            if (typeof window.localStorage['authtoken'] === 'undefined') {
                var authtoken = undefined;
            } else {
                var authtoken = window.localStorage['authtoken'];
            }
            Auth.isLoggedIn(authtoken).then(function() {
                deferred.resolve();
            }, function() {
                deferred.reject();
            });
            return deferred.promise;
        }];

        var authGuest = ['$q', 'Auth', '$rootScope', function ($q, Auth, $rootScope) { 
            var deferred = $q.defer();
            if (typeof window.localStorage['authtoken'] === 'undefined') {
                var authtoken = undefined;
            } else {
                var authtoken = window.localStorage['authtoken'];
            }
            Auth.isLoggedIn(authtoken).then(function() {
                deferred.reject();
            }, function() {
                deferred.resolve();
            });
            return deferred.promise;
        }];

        $stateProvider

            .state('login', {
                url: '/login',
                templateUrl: 'pages/templates/login.html',
                resolve: { authenticated: authGuest }
            })

            .state('logout', { url: '/logout', onEnter: function($state) { localStorage.clear(); $state.go('login'); } })

            .state('cloud', {
                url: '/cloud',
                templateUrl: 'pages/templates/cloud.html',
                resolve: { authenticated: authenticated }
            })

    })
    .run(function ($rootScope, $state) {
        $rootScope.$on('$stateChangeError', function (event, from, error) {
            if(from.name == "login") {
                $state.go('cloud');
            } else {
                $state.go('login');
            }
        });
    });

---

问题似乎在这里：

    var authenticated = ['$q', 'Auth', '$rootScope', function ($q, Auth, $rootScope) { 
        var deferred = $q.defer();
        if (typeof window.localStorage['authtoken'] === 'undefined') {
            var authtoken = undefined;
        } else {
            var authtoken = window.localStorage['authtoken'];
        }
        Auth.isLoggedIn(authtoken).then(function() {
            deferred.resolve();
        }, function() {
            deferred.reject();
        });
        return deferred.promise;
    }];

此功能仅在

配置上运行一次。承诺一旦解决，将继续解析为相同的值，而不管
LocalStorage
。每次你

resolve: { authenticated: authenticated }

您将在
配置
步骤中返回
已验证的
值

相反，添加一个控制器来定义函数以请求每种类型的状态

  .controller('AuthenticationController', function($scope, '$q', Auth, '$rootScope') {
        $scope.authenticated = function () { 
            var deferred = $q.defer();
            if (typeof window.localStorage['authtoken'] === 'undefined') {
                var authtoken = undefined;
            } else {
                var authtoken = window.localStorage['authtoken'];
            }
            Auth.isLoggedIn(authtoken).then(function() {
                deferred.resolve();
            }, function() {
                deferred.reject();
            });
            return deferred.promise;
        };

        $scope.authGuest = function ($scope, '$q', Auth, '$rootScope') { 
            ....
            return deferred.promise;
        };

    });

然后，在路由配置中：

        .state('login', {
            url: '/login',
            templateUrl: 'pages/templates/login.html',
            controller: 'AuthenticationController'
            resolve: { authenticated: $scope.authGuest() }
        })
        .state('cloud', {
            url: '/cloud',
            templateUrl: 'pages/templates/cloud.html',
            resolve: { authenticated: $scope.authenticated()}
        })

现在，每次你都要做出新的承诺

免责声明：在没有可用版本的情况下，我编写此代码是为了演示。它应该被当作一个伪代码来引导正确的方向
 请参阅并尝试onEnter:function（$state，$window）{$window.localStorage.clear（）；$state.go（'login'）；}