为@azure/msal-angular添加import时，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对我的问题的评论，我发现问题出在我的依赖上。非常感谢。