Keycloak Unknown Provider错误

Question

我正在使用Keycloak.js与Keycloak进行交互并获得以下错误

Uncaught Error: [$injector:unpr] Unknown provider: AuthProvider <- Auth <- authInterceptor <- $http <- $templateRequest <- $compile

使用以下代码:

module.factory('authInterceptor', ['$q', 'Auth', function($q, Auth) {
  return {
    request: function (config) {
      var deferred = $q.defer();
      if (Auth.authz.token) {
        Auth.authz.updateToken(5).success(function() {
          config.headers = config.headers || {};
          config.headers.Authorization = 'Bearer ' + Auth.authz.token;

          deferred.resolve(config);
        }).error(function() {
          deferred.reject('Failed to refresh token');
        });
      }
      return deferred.promise;
    }
  };
}]);

module.config(['$httpProvider', function($httpProvider) {
  $httpProvider.responseInterceptors.push('errorInterceptor');
  $httpProvider.interceptors.push('authInterceptor');
}]);

有没有理由发生这种情况？

我还在我的index.html中包含了keycloak.js,它与Bower一起插入

我也在下面的auth工厂实例化dom准备好了:

angular.element(document).ready(function($http) {
  var keycloakAuth = new Keycloak('keycloak.json');
  auth.loggedIn = false;

  keycloakAuth.init().success(function () {
    auth.loggedIn = true;
    auth.authz = keycloakAuth;
    auth.logoutUrl = keycloakAuth.authServerUrl + "/realms/demo/tokens/logout?redirect_uri=http://localhost:3000";
    module.factory('Auth', function () {
      return auth;
    });
  }).error(function () {
    window.location.reload();
  });
});

Answer 1

问题是你正在 dom 准备好时实例化“Auth”，但是依赖注入器试图在 dom 准备好之前注入（简化）。

问题是为什么要在dom上准备好？

这里有两个例子：

http://jsbin.com/lulin/1/edit （在 dom 上准备好定义，不工作，同样的错误）

http://jsbin.com/wajeho/2/edit （没有 dom 就绪定义，工作）

编辑：

你必须做这样的事情： http://jsbin.com/xusiva/1/edit ?html,js,console

我正在 domready 外部定义工厂，并在 domready 之后在控制器内部使用它。