错误：运行 Angular 应用程序时已加载 BrowserModule答案

【问题标题】：Error: BrowserModule has already been loaded while running angular application错误：运行 Angular 应用程序时已加载 BrowserModule
【发布时间】：2019-11-17 20:08:25
【问题描述】：

我已经更新了我的 npm 包，现在我不断收到这个错误：“错误：BrowserModule 已经被加载。如果你需要从延迟加载的模块中访问常见的指令，例如 NgIf 和 NgFor，请改为导入 CommonModule。”

我试过这种方式，但没有输出： 1.只导入一次BrowserModule和BrowserAnimationsModule app.module.ts，但仍然遇到同样的问题。 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
  ],

我尝试了堆栈溢出中提到的所有方法来解决问题，但遇到了同样的问题。任何人都可以请帮助解决问题。

【问题讨论】：

BrowserAnimationsModule 已经导出 BrowserModule 和一些额外的东西，所以你应该只使用 BrowserModule 或 BrowserAnimationsModule
我从 app.module.ts 中删除 BrowserModule 只在 app.mopdule.ts 中导入 BrowserAnimationsModule 但仍然得到同样的错误@Nikola Stekovic
你能提供stackblitz代码示例吗？
@PrashantPimpale 当然，这是我的 stackblitz 代码示例 URL stackblitz.com/edit/angular-glcssg
@sunerapathan 无法在控制台中看到！它的工作

标签： angular

【解决方案1】：

经过大量研究，我终于得到了解决方案，只需更新包含 BrowerModule 的 Angular 平台浏览器依赖项。

npm i @angular/platform-browser

【讨论】：

【解决方案2】：

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

只导入一次 BrowserAnimationsModule 和 HttpModule（在您的根模块或核心模块）

【讨论】：

我尝试了@orbit 的方式，但它不起作用，只在 app.module.ts 文件中导入 BrowserAnimationsModule 和 HttpModule 一次。下面是我的代码示例。导入：[ BrowserAnimationsModule, BrowserTransferStateModule, HttpModule, mainAppRouting, RouterModule.forRoot(appRoutes), ToastrModule.forRoot(), CommonMaterialModule, FlexLayoutModule, ]