BrowserModule 已经被加载

Question

这是我的代码：

 import { CommonModule } from '@angular/common';
    import { HttpClientModule } from '@angular/common/http';
    import { NgModule } from '@angular/core';
    import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
    import { LanguageTranslationModule } from './shared/modules/language-translation/language-translation.module'

    import { AppRoutingModule } from './app-routing.module';
    import { AppComponent } from './app.component';
    import { AuthGuard } from './shared';

    import { SidebarComponent } from './layout/components/sidebar/sidebar.component';
    import { HeaderComponent } from './layout/components/header/header.component';

    @NgModule({
        imports: [
            CommonModule,
            BrowserAnimationsModule,
            HttpClientModule,
            LanguageTranslationModule,
            AppRoutingModule

        ],
        declarations: [AppComponent,HeaderComponent,SidebarComponent],
        providers: [AuthGuard],
        bootstrap: [AppComponent],
        exports: [
            HeaderComponent,
            SidebarComponent
      ],

    })
    export class AppModule {}

我不知道为什么我会得到这个异常：

错误：BrowserModule 已加载。如果您需要从延迟加载的模块中访问常用指令，例如 NgIf 和 NgFor，请改为导入 CommonModule。错误：BrowserModule 已加载。如果您需要从延迟加载的模块中访问常用指令，例如 NgIf 和 NgFor，请导入

在未来的模块中，我导入CommonModule而不是BrowerModule. 任何人都可以帮助我吗？

Answer 1

进口BrowserAnimationsModule和HttpModule只有一次（或者您的根模块或核心模块）。

只导入这些提到的模块一次（仅在 app-module 中）：

BrowserModule, BrowserAnimationsModule, LazyLoadImageModule(如果使用), CarouselModule(如果使用), InfiniteScrollModule(如果使用), HttpModule(如果使用)

Answer 2

仅在AppModule中导入BrowserAnimationsModule ，因为BrowserAnimationsModule默认导入BrowserModule，不需要在app.module.ts中定义BrowserModule，然后在子/特色模块中导入CommonModule。

 @NgModule({
imports:      [ 
                BrowserAnimationsModule
                ]
})    
export class ParentModule {}

特色/子模块

    @NgModule({
           imports:      [ CommonModule ]
     })   
export class FeaturedModule {}

希望这能解决您的问题