Angular Adal ANGLAR5 Adal5Service.acquireToken与“Adal ANGLAR5 Adal5Service.acquireToken”;令牌续订操作因超时而失败;,但在网络中也有成功的请求

Angular Adal ANGLAR5 Adal5Service.acquireToken与“Adal ANGLAR5 Adal5Service.acquireToken”;令牌续订操作因超时而失败;,但在网络中也有成功的请求,angular,azure-active-directory,angular5,adal,adal.js,Angular,Azure Active Directory,Angular5,Adal,Adal.js,尝试使用Adal5Service时出现问题。acquireToken方法:它始终与以下内容有关: 令牌续订操作因超时而失败 在线完整的例子。要测试: 粘贴您的租户 粘贴你的客户ID 注册URLhttps://angular-96tws9.stackblitz.io在应用程序中 在新窗口中打开 下面是app.component.ts: 从'@angular/core'导入{Component,OnInit}; 从'adal-angular5'导入{Adal5Service}; @组成部分({

尝试使用Adal5Service时出现问题。acquireToken方法:它始终与以下内容有关:

令牌续订操作因超时而失败

在线完整的例子。要测试:

  • 粘贴您的租户
  • 粘贴你的客户ID
  • 注册URL
    https://angular-96tws9.stackblitz.io
    在应用程序中
  • 在新窗口中打开
下面是
app.component.ts

从'@angular/core'导入{Component,OnInit};
从'adal-angular5'导入{Adal5Service};
@组成部分({
选择器:'应用程序根',
templateUrl:“./app.component.html”,
样式URL:['./app.component.css']
})
导出类AppComponent实现OnInit{
构造函数(专用adalSvc:Adal5Service){
let config:adal.config={
租户:“XXX.onmicrosoft.com”,
clientId:'21efffd5-29fc-XXX',
postLogoutRedirectUri:window.location.origin,
端点:{
graphApiUri:“https://graph.microsoft.com",
},
cacheLocation:“本地存储”,
重定向URI:“”
};
this.adalSvc.init(config);
}
ngOnInit():void{
this.adalSvc.handleWindowCallback();
如果(!this.adalSvc.userInfo.authenticated){
this.adalSvc.login();
返回;
}
//工作正确
log(this.adalSvc.userInfo.username);
this.adalSvc.acquireToken(“https://graph.microsoft.com")
.订阅(
令牌=>console.log(令牌),//永远不会出现
error=>console.log(error));//错误:令牌续订操作因超时而失败
}
}
网络中有正确获取的令牌:

第页错误

下面是
package.json

{
  "name": "angular-template",
  "description": "",
  "homepage": "https://stackblitz.com/edit/angular-96tws9",
  "dependencies": {
    "@angular/animations": "^5.0.0",
    "@angular/common": "5.0.0",
    "@angular/compiler": "5.0.0",
    "@angular/core": "5.0.0",
    "@angular/forms": "5.0.0",
    "@angular/http": "^5.0.0",
    "@angular/platform-browser": "5.0.0",
    "@angular/platform-browser-dynamic": "5.0.0",
    "@angular/router": "5.0.0",
    "core-js": "2.5.1",
    "rxjs": "5.5.2",
    "zone.js": "0.8.18",
    "adal-angular5": "1.0.36"
  },
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "devDependencies": {
    "@angular/cli": "1.5.4",
    "@angular/compiler-cli": "^5.0.0",
    "@angular/language-service": "^5.0.0",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "~3.0.1",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "karma": "~1.7.0",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~3.0.4",
    "tslint": "~5.3.2",
    "typescript": "~2.4.2"
  }
}

我不确定这是否是您的实现,但似乎其他人也有。on表示
adal存在问题w/
acquireToken()-angular@1.0.16
(阅读最后一条评论)

是这两种adal实现的底层包。我自己在使用ng2 adal时遇到了这个问题,并降级为
adal-angular@1.0.14
并使
acquireToken()
正常工作。但不确定adal-ANGLAR5
如何处理这个问题


如果您希望尝试使用
ng2 adal
,那么我使用的示例是
ng2 adal
包(使用Angular/.NET内核)和(单机版)。希望这有帮助。

终于可以在没有库的情况下让它工作了。 这是我的

  • 授权用户
  • 获取Microsoft Graph Api的令牌
  • 从Microsoft Graph Api获取用户消息
  • 沉默更新令牌
示例仅使用来自的标准(无包装)和打字


角度路由正在工作。此外,续订令牌时没有双重请求。

错误来自dependency:adal的引用 在图书馆adal-ANGLAR5中,依赖性不好。 您不必重新启动adal angular。
这个主题拯救我的一天:

你能发布你的
package.json吗?@Milo,added package.json。我也有同样的问题。我试过你的解决办法,但对我无效。您是否有任何未应用于github解决方案的更新?谢谢