Проблема Angularjs: не удается разрешить переменную, но переменная существует

Question

Я делаю проект для университета, где у меня есть логин для веб-сайта, и я должен выполнить некоторые операции.Моя проблема заключается в том, чтобы поддерживать сеанс пользователя, когда пользователь вошел в систему;поэтому, если я открываю сайт в новой вкладке, я хочу войти в систему с учетной записью главной вкладки.Это мой код angularjs для loginController:

mainAngularModule
    .controller('LoginCtrl', ['$scope', '$state', 'AuthFactory',
        function ($scope, $state, AuthFactory) {

            let ctrl = this;
            ctrl.authRequest = {username: 'admin', password: 'password'};
            ctrl.doLogin = doLoginFn;


            ctrl.authMessage = '';


            //check if user already logged
            let logSession = localStorage.getItem(("authinfo"));

            if(logSession == null){
                console.log("logSession null");
            }

            if(logSession == undefined){
                console.log("isundefined");
            }

            if(logSession != null){
                console.log("not null");
                console.log("usern: " + logSession.username);
                //console.log("authinfo authorities: " + logSession.authorities)
                AuthFactory.setJWTAuthInfo(logSession);
                $state.go("dashboard.home");
            }


            console.log("login authinfo: " + localStorage.getItem("authinfo"));


            let sessionStorage_transfer = function(event) {
                if(!event) { event = window.event; } // ie suq
                if(!event.newValue) return;          // do nothing if no value to work with
                if (event.key === 'getSessionStorage') {
                    // another tab asked for the sessionStorage -> send it
                    localStorage.setItem('sessionStorage', JSON.stringify(sessionStorage));
                    // the other tab should now have it, so we're done with it.
                } else if (event.key === 'sessionStorage' && !sessionStorage.length) {
                    // another tab sent data <- get it
                    var data = JSON.parse(event.newValue);
                    for (var key in data) {
                        sessionStorage.setItem(key, data[key]);
                    }
                }
            };

// listen for changes to localStorage
            if(window.addEventListener) {
                window.addEventListener("storage", sessionStorage_transfer, false);
            } else {
                window.attachEvent("onstorage", sessionStorage_transfer);
            }



            function doLoginFn() {
                console.log("doLoginFn");
                var requiresLogin = $state.jwtToken;
                console.log("requireLogin: " + requiresLogin);
                AuthFactory.sendLogin(ctrl.authRequest, successCB, errorCB);

                function successCB(response) {
                    let authInfo = response.data;
                    console.log("data = " + response.data.all);
                    let header = response.headers();
                    authInfo.jwtToken = header['authorization'];

                    console.log("authInfo", authInfo);

                    // AuthFactory.user.username = authInfo.username;
                    // AuthFactory.user.role = authInfo.role;
                    let debugJWT = true;
                    //if (debugJWT) {
                    if (true) {
                        console.log(authInfo);
                        console.log("username: " + authInfo.username);
                        console.log("roles: " + JSON.stringify(authInfo.authorities));
                        console.log("jwtToken: " + authInfo.jwtToken);
                        console.log("userType: " + authInfo.userRole);
                        console.log("ended.");
                    }

                    AuthFactory.setJWTAuthInfo(authInfo);
                    //console.log("authinfoo1234: "  + authInfo);
          //          localStorage.setItem("authinfo",authInfo);
                    console.log("authorities: " + authInfo.authorities);


                    $state.go("dashboard.home");
                }

                function errorCB(response) {
                    let error = response.data;
                    if (error && error.status === 401) {
                        ctrl.authMessage = error.message;
                    }
                    else {
                        console.error(response);
                        ctrl.authMessage = 'No response from server';
                    }
                }

            }

        }


    ]);

У меня очень странная проблема: я использую Intellj, и он сообщает мне в строках

console.log("roles: " + JSON.stringify(authInfo.authorities));

console.log("userType: " + authInfo.userRole);

, но если я прокомментируюстроки с localStorage.setItem и localStorage.getItem, консоль печатает на выходе правильные userType и userRole;если я добавлю эти строки, консоль напечатает это сообщение:

TypeError columnNumber: 17 fileName: "http://localhost:63342/ISSSR_frontend/app/scripts/service/AuthFactory.js" lineNumber: 59 сообщение:" authInfo.authorities не определено "

Я действительно не понимаю, почему он говорит мне, что не может разрешить переменную, но может распечатать ее?

Answer 1

К сожалению, я не смог развернуть ваш код, пожалуйста, подготовьте codepen или flickr.

Некоторые моменты, которые я могу упомянуть, приведены ниже: вместо использования console.log («username:» + authInfo.username); использование: console.log('username : ',authInfo.username) Вместо JSON.stringify (authInfo.authorities) используйте: angular.toJson(authInfo.authorities,true) Также console.log (response), чтобы увидеть, что он возвращает.