title: BrowserModule has already been loaded
body: <p>This is my code:</p>
  
  <pre class="lang-js prettyprint-override"><code> 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 {}
  </code></pre>
  
  <p>I don't why I obtain this excepion:</p>
  
  <blockquote>
    <p>Error: BrowserModule has already been loaded. If you need access to
    common directives such as NgIf and NgFor from a lazy loaded module,
    import CommonModule instead. Error: BrowserModule has already been
    loaded. If you need access to common directives such as NgIf and NgFor
    from a lazy loaded module, import</p>
  </blockquote>
  
  <p>In the future module I import <code>CommonModule</code> and not <code>BrowerModule</code>. Anyone can help me?</p>