title: Angular: No pipe 'translate' was found
body: <p>I need to use the translate pipe in my project. In my <code>app.module</code>, I have:</p>
  <pre><code>@NgModule({
    declarations: [
      AppComponent,
   
  
    ],
    imports: [
      BrowserModule,
      FontAwesomeModule,
      FormsModule,
      TranslateModule.forRoot({
        loader: {
            provide: TranslateLoader,
            useFactory: createTranslateLoader,
            deps: [HttpClient]
        }
        
    }), // .forRoot(),
    TranslateModule
    
      
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  
  export function createTranslateLoader(http: HttpClient) {
    return new TranslateHttpLoader(http, './languages/', '.json');
  }
  </code></pre>
  <p>But in my app-component (and every child where I have this)  where I try use the <code>translate</code> pipe:</p>
  <pre><code> &lt;div id=&quot;port_header&quot;&gt;
              &lt;a id=&quot;portal-logo-header&quot; title=&quot;{{ 'APPLICATION.FRONT_OFFICE.HEADER.HOME' | translate }}&quot;&gt;
                  &lt;img src=&quot; alt=&quot;&quot;&gt;
              &lt;/a&gt;
  </code></pre>
  <p>I get <code>No pipe found with name 'translate'</code>. Can anyone help me?</p>