Question

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

我尝试过这种方式，但是没有输出： 1，只导入一次浏览器模块和浏览器动画模块 app.module.ts，但仍然出现相同的问题。 2.在app.module.ts中导入浏览器模块一次，在其他模块中导入改为使用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-browser

错误：运行角度应用程序时

2 个答案: