title: Ionic3 The pipe 'translate' could not be found
body: <p>hi it's been days since I've tried to solve this problem without success.
  When I try to use the pipe translate i get this error</p>
  
  <pre><code>Error: Uncaught (in promise): Error: Template parse errors:
  The pipe 'translate' could not be found ("
  &lt;ion-content padding&gt;
  &lt;h2&gt;{{[ERROR -&gt;]"HELLO" | translate }}&lt;/h2&gt;
  &lt;/ion-content&gt;
  "): ng:///AdminPannelPageModule/AdminPannelPage.html@11:8
  </code></pre>
  
  <p>I am using angular 5.</p>
  
  <p>these are the versions I use for translation</p>
  
  <pre><code>"@ngx-translate/core": "^9.1.1",
  "@ngx-translate/http-loader": "^2.0.1",
  </code></pre>
  
  <p>Npm install</p>
  
  <pre><code>npm install @ngx-translate/core @ngx-translate/http-loader --save
  </code></pre>
  
  <p>This is my Home.html page</p>
  
  <pre><code>&lt;h2&gt;{{"HELLO" | translate }}&lt;/h2&gt;
  </code></pre>
  
  <p>JSON file for translate:</p>
  
  <pre><code>assets/i18n/en.json
  
  {
  "HELLO": "hello"
  }
  
  assets/i18n/it.json
  
  {
  "HELLO": "ciao"
  }
  </code></pre>
  
  <p>in the export I used the <code>export function setTranslateLoader (http: HttpClient)</code> instead of using the <code>export function setTranslateLoader (http: Http)</code> because if not it gave me this error: <code>Argument of type 'Http' is not assignable to parameter of type 'HttpClient '. Property 'handler' is missing in type 'Http'.</code></p>
  
  <p>There are my import in app.module.ts</p>
  
  <pre><code>import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
  import { HttpClientModule, HttpClient } from '@angular/common/http';
  import { TranslateHttpLoader } from '@ngx-translate/http-loader';
  
  export function setTranslateLoader(http: HttpClient) {
  return new TranslateHttpLoader(http, './assets/i18n/', '.json');
  }
  
  
  @NgModule({
  imports: [
  HttpClientModule,
  IonicModule.forRoot(MyApp),
  TranslateModule.forRoot({
    loader: {
      provide: TranslateLoader,
      useFactory: (setTranslateLoader),
      deps: [HttpClient]
    }
  }),
  ],
  </code></pre>
  
  <p>And This is my app.component.ts constructor</p>
  
  <pre><code>constructor(..., translate: TranslateService) {
       translate.setDefaultLang('en');
       ...
  }
  </code></pre>