title: Translate Module Angular 10 The pipe 'translate' could not be found
body: <p>this is <code>app.module.ts</code></p>
  <pre><code>import { NgModule } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { HttpClient, HttpClientModule } from '@angular/common/http';
  import { RouterModule, Routes } from '@angular/router';
  import { AppComponent } from './app.component';
  import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
  import { TranslateHttpLoader } from '@ngx-translate/http-loader';
  import {CommonModule} from &quot;@angular/common&quot;;
  
  export function HttpLoaderFactory(httpClient: HttpClient) {
      return new TranslateHttpLoader(httpClient);
    }
  
  @NgModule({
      declarations: [
          AppComponent
      ],
      imports: [
          BrowserModule,
          HttpClientModule,
          RouterModule.forRoot(appRoutes),
          CommonModule,
          TranslateModule.forRoot({
              loader: {
                provide: TranslateLoader,
                useFactory: HttpLoaderFactory,
                deps: [HttpClient]
              }
            })
      ],
      bootstrap: [
          AppComponent
      ]
  })
  export class AppModule {
  }
  </code></pre>
  <p>this is <code>toolbar.component.html</code> where i'm using translation.</p>
  <p><code>&lt;span&gt;{{'shared.settings' | translate}}&lt;/span&gt;</code></p>
  <p>In <code>toolbar.component.ts</code> I imported</p>
  <pre><code>import { TranslateService } from '@ngx-translate/core';
  </code></pre>
  <p>I don't know why, I obtained this error (i'm using Angular 10)</p>
  <blockquote>
  <p>ERROR Error: The pipe 'translate' could not be found!</p>
  </blockquote>