为 @azure/msal-angular 添加导入时，Angular 应用程序变为空白

Question

我正在启动一个新的 Angular 应用程序。它在 localhost:4200 上按预期呈现，直到我打开这个：

@NgModule({
  declarations: [
    AppComponent,
    HeaderBannerComponent,
    MainContentComponent,
    FooterContentinfoComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
}

进入这个：

@NgModule({
  declarations: [
    AppComponent,
    HeaderBannerComponent,
    MainContentComponent,
    FooterContentinfoComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    MsalModule.forRoot({                                                  // added
      clientID: msal.clientId,                                            // added
      authority: `https://login.microsoftonline.com/${msal.tenantId}/`,   // added
    })                                                                    // added
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
}

尽管如此，服务器说它“编译成功”。没有显示异常。但是我所有的 HTML 都消失了，并且 localhost:4200 的浏览器呈现了一个完全空白的页面。

有什么注意事项吗？

Answer 1

感谢@MikeOne 对我的问题的评论，我发现问题出在我的依赖中。非常感谢。