无法添加“$localStorage”

Question

我在 app.js 中开发方法，但出现此错误：未捕获的错误：
[$injector:strictdi] function($rootScope, $q, $localStorage, $location) 没有使用显式注解，不能在严格模式下调用 http://errors.angularjs.org/1.6.6/$injector/strictdi?p0=function(%24rootScope%2C%20%24q%2C%20%24localStorage%2C%20%24location)

angular.module('ppollitApp', [ngCookies, ngResource, ngSanitize, 'btford.socket-io', uiRouter,
      uiBootstrap, _Auth, account, admin, navbar, footer, main, constants, socket, util, profile, explore
    ])
      .config(routeConfig)
      .factory('authInterceptor', function($rootScope, $q, $localStorage, $location) {
        return {
          // Add authorization token to headers
          request: function(config) {
            config.headers = config.headers || {};
            if($localStorage.token) {
              config.headers.Authorization = 'Bearer ' + $localStorage.token;
            }
            return config;
          },

          // Intercept 401s and redirect you to login
          responseError: function(response) {
            if(response.status === 401) {
              $location.path('/login');
              // remove any stale tokens
              delete $localStorage.token;
              return $q.reject(response);
            } else {
              return $q.reject(response);
            }
          }
        };
      })

      .run(function($rootScope, $location, Auth) {
        'ngInject';
        // Redirect to login if route requires auth and you're not logged in

        $rootScope.$on('$stateChangeStart', function(event, next) {
          Auth.isLoggedIn(function(loggedIn) {
            if(next.authenticate && !loggedIn) {
              $location.path('/login');
            }
          });
        });
      });

    angular.element(document)
      .ready(() => {
        angular.bootstrap(document, ['ppollitApp'], {
          strictDi: true
        });
      });

    var module = angular.module('main', ['ppollitApp', 'ppollitApp.services']);

    module.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
      $routeProvider.when('/', { templateUrl: '/login/login.html', controller: 'LoginController'});

      $locationProvider.html5Mode(true);
    }]);

Answer 1

错误的意思就是它所说的，使用DI的所述函数没有使用显式注释，并且不能在严格模式下调用。

The page that the error links to 包含所有必要的信息。

考虑到ng-annotate已经用于DI注解，应该是：

  ...
  .factory('authInterceptor', function($rootScope, $q, $localStorage, $location) {
    'ngInject';
    ...

Answer 2

改变你的工厂：

angular.factory('authInterceptor', function($rootScope, $q, $localStorage, $location) { /* ... */ }

收件人：

authInterceptor.$inject = ['$rootScope', '$q', '$localStorage', '$location'];
angular.factory('authInterceptor', authInterceptor);
function authInterceptor($rootScope, $q, $localStorage, $location) { /* ... */ }