Javascript 将MS团队与Adal一起使用时超时，令牌续订操作失败

我想将团队集成到我的Vue应用程序中。这就是为什么我没有本地应用程序（使用React），只使用基本软件包

我想与团队一起玩，并通过ngrok将我的Vue应用程序集成到选项卡面板。首先，我使用了文档中的代码

import * as microsoftTeams from '@microsoft/teams-js';
import * as AuthenticationContext from 'adal-angular/lib/adal';

export default {
  async function signIn() {
    await microsoftTeams.initialize();

    microsoftTeams.getContext(async context => {
      const { loginHint: aDUserMailAdress } = context;

      let extraQueryParameter = 'scope=openid+profile';

      if (aDUserMailAdress) {
        const encodedADUserMailAdress = encodeURIComponent(aDUserMailAdress);
        extraQueryParameter += `&login_hint=${encodedADUserMailAdress}`;
      }

      const clientId = '1902f997-d6e8-4740-9412-e12dee41c451';
      const aDConfig = {
        clientId,
        redirectUri: 'https://login.microsoftonline.com/common/oauth2/nativeclient',
        cacheLocation: 'localStorage',
        navigateToLoginRequestUrl: false,
        extraQueryParameter,
      };

      const authContext = new AuthenticationContext(aDConfig);

      const user = await authContext.getCachedUser();

      if (user) { // This is null
        if (user.profile.oid !== userObjectId) {
             authContext.clearCache();
        }
      }

      authContext.acquireToken(clientId, (errorDescription, token, err, tokenType) => {
         if (err) {
           throw new Error(errorDescription);
         }

         if (token) {
           let authToken = token;

           if (tokenType !== authContext.CONSTANTS.ID_TOKEN) {
             authToken = authContext.getCachedToken(clientId);
           }

           debugger;
         } else {
           debugger;
         }
       });
    });
  },
};

我在我的Vue实例的

挂载的

钩子中调用

登录

。代码似乎工作正常，设置了

authContext

。不幸的是，

用户

为空，因此我没有得到缓存的用户。此外，

acquireToken

的回调抛出以下错误消息

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

---

什么地方可能出错或丢失？

如果在运行此代码时查看网络跟踪，是否可以看到哪些呼叫超时/失败/等等？web和桌面两个版本的团队都会这样吗？嘿！首先感谢您的回复。对于第一个问题，我不确定你对其他暂停的意思。您能举出一些与adal.js相对应的进程的例子吗？这些进程可能会导致超时。关于第二个问题，我正在使用web应用程序。请看一下