title: How to import one time global module that other module components can recognize
body: <p>I'm creating a project that is subdivided into different applications. As an example, I would like to use the authentication app.</p>
  
  <p>First, let us define what I mean one time global module. As a minimal example, here are few lists.</p>
  
  <ol>
  <li><code>FlexLayoutModule</code></li>
  <li><code>CustomUIModule</code></li>
  </ol>
  
  <p>These module must be declared once in the project. Here is the <code>AppModule</code></p>
  
  <pre><code>@NgModule({
    declarations: [
      AppComponent,
    ],
    imports: [
      // Dependencies
      BrowserModule,
      BrowserAnimationsModule,
      FlexLayoutModule,
      CustomUIModule,
  
      // Apps
      AuthenticationModule,
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule {}
  </code></pre>
  
  <p>Now let me show you the <code>AuthenticationModule</code>. I only had a login component for this module.</p>
  
  <pre><code>@NgModule({
      declarations: [
          LoginComponent,
      ],
      exports: [
          LoginComponent
      ],
  })
  export class AuthenticationModule { }
  </code></pre>
  
  <p>My problem here is <code>LoginComponent</code> cannot recognize <code>FlexLayoutModule</code> and <code>CustomUIModule</code> modules.However this can be solve IF you put those modules in the <strong>import</strong> option of the <code>AuthenticationModule</code>.</p>
  
  <p>But man that is crazy, I don't wanna do that whenever i create another app and do the same thing, Since these modules are global type and <strong>MUST DECLARED ONCE</strong> . Can anyone have any solution how can i construct my application? Lot of thanks.</p>
  
  <p>To be more specific i got <code>this error</code>:</p>
  
  <pre><code>Error: Template parse errors:'mat-[some-material-component]'is not a known element.
  </code></pre>