BrowserModule has already been loaded Error

Question

I\'ve updated my application to RC6 and now i keep getting this error:

zone.js:484 Unhandled Promise rejection: BrowserModule has already been loade

Answer 1

I've encountered a simular problem. I have serveral lazyloading modules which all use BrowserAnimationModule(Includes BrowserModule).

My solution first is to move the importation of this module from the child module to the root module as app.module.ts.

//app.module.ts
@NgModule({
    declarations: [  ],
    imports: [    BrowserAnimationsModule,]

The second step is quite essential, you should also include the CommonModule in each child module .

//lazychild.module.ts
@NgModule({
  declarations: [  ],
  imports: [  CommonModule,]

Answer 2

Remove all the import of "BrowserAnimationsModule" as well except from AppModule.

Answer 3

as Described here Angular Issues Page you can make a Shared Module and add all imports in there just once and import that module everywhere you make a new module.

Answer 4

In my case, I had using BrowserAnimationsModule in each component that is using material design, I removed all reference to "BrowserAnimationsModule" and I put BrowserAnimationsModule in main module.

BrowserAnimationsModule has inculuded BrowserModule, this is the problem.