錯誤：運行角度應用程序時已加載BrowserModule

Question

我已經更新了我的npm軟件包，現在繼續出現此錯誤：“錯誤：BrowserModule已被加載。如果您需要從延遲加載的模塊中訪問NgIf和NgFor之類的通用指令，請改為導入CommonModule。”

我嘗試過這種方法，但沒有輸出：1.在app.module.ts中僅將BrowserModule和BrowserAnimationsModule導入一次，但仍然遇到相同的問題。 2.在app.module.ts中一次導入BrowserModule，在其他模塊中則導入CommonModules。 3.從app.module.ts中刪除BrowserModule，因為默認情況下BrowserAnimationsModule會導入BrowserModule 4.將BrowserModule放在app.module.ts頂部

這是我的app.module.ts文件代碼

imports: [
    BrowserModule,
    BrowserAnimationsModule,
    HttpModule,
    BrowserTransferStateModule,
    RouterModule.forRoot(appRoutes),
    ToastrModule.forRoot(),
    CommonMaterialModule,
    FlexLayoutModule
  ],

這是我的shared.module.ts文件代碼

imports: [
    CommonModule,
    CommonMaterialModule,
    ChartsModule,
    FormsModule,
    FlexLayoutModule,
    MatExpansionModule,
    ReactiveFormsModule,
    CollapseModule,
    MatDialogModule
  ],

我嘗試了堆棧溢出中提到的所有方法來解決問題，但遇到了同樣的問題。 任何人都可以幫助解決問題。

Answer 1

imports: [
    BrowserModule<----- comment this
    BrowserAnimationsModule,
    HttpModule,<----------------- put this after browser transfer
    BrowserTransferStateModule,
    RouterModule.forRoot(appRoutes),
    ToastrModule.forRoot(),
    CommonMaterialModule,
    FlexLayoutModule
  ],

僅一次（在您的根模塊或核心模塊中）導入BrowserAnimationsModule和HttpModule

。

Answer 2

最后經過大量研究，我得到的解決方案只是更新了包含BrowerModule的angular平台瀏覽器依賴項。

npm我@ angular / platform-b​​rowser