如何让 Microsoft MSAL angular12-sample-app 在 StackBlitz 中工作?

How to get Microsoft MSAL angular12-sample-app working in StackBlitz?

我有一个问题想寻求有关 Angular 应用程序的帮助,该应用程序同时提供 B2B 和 B2C 身份验证流程。我希望它基于使用 HTTP_INTERCEPTORS 的 Microsoft MSAL Angular 示例项目,并且我希望有一个 StackBlitz 示例来清楚地说明我要实现的目标。

但我似乎无法让该项目正常工作,想知道是否有经验的人可以将工作 angular 项目设置到 StackBlitz 中,看看我做错了什么。

StackBlitz 项目是:

https://stackblitz.com/edit/angular-ivy-n1yda6?file=src/app/app.module.ts

非常感谢任何帮助。

主要问题是 stackblitz 与 Ivy 有问题。您可以阅读更多相关信息 here.

我已经分叉了你的 stackblitz 并且:

  1. 添加了 app-routing.module 的文件扩展名(缺少 .ts 扩展名)。
  2. 在 tsconfig 的编译器选项中禁用了 Ivy。

https://stackblitz.com/edit/angular-ivy-mek7p9

不确定它是否正常工作(也不确定它应该如何工作),但它确实编译而没有抛出错误,所以这应该会带你走向正确的方向。