错误：运行angular应用程序时已加载BrowserModule

我已经更新了我的npm软件包，现在我一直收到这样的错误：“错误：BrowserModule已经加载。如果您需要从延迟加载的模块访问通用指令，如NgIf和NgFor，请改为导入CommonModule。”

我尝试了这种方法，但没有结果： 1.仅在中导入一次BrowserModule和BrowserAnimationsModule app.module.ts，但仍然存在相同的问题。 2.在app.module.ts中导入BrowserModule一次，在其他模块中导入 而是公共模块。 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
  ],

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

这是我的shared.module.ts文件代码

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

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

我尝试了各种方法来解决堆栈溢出问题，但都遇到了同样的问题。任何人都可以帮助解决此问题。

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

BrowserModule经过大量研究，最终得到了只需更新包含BrowserModule的angular platform浏览器依赖项的解决方案

npm i@角度/平台浏览器

BrowserAnimationsModule已将BrowserModule与一些其他内容一起导出，因此您应该仅使用BrowserModule或BrowserAnimationsModule I从app.module.ts中删除BrowserModule仅在app.mopdule.ts中导入BrowserAnimationsModule，但仍然会遇到相同的错误@Nikola Stekovic是否可以提供stackblitz代码示例？@PrashantPimpal当然，这是我的stackblitz代码示例URL@sunerapathan无法在控制台中看到！其工作方式我尝试了您的方式@orbit，但不工作，在app.module.ts文件中仅导入一次BrowserAnimationsModule和HttpModule。下面是我的代码示例。导入：[BrowserAnimationsModule，BrowserTransferStateModule，HttpModule，Main审批，RouterModule.forRoot（审批），ToAssertModule.forRoot（），CommonMaterialModule，FlexLayoutModule，]