title: Angular Template parse errors: The pipe could not be found
body: <p>app.module.ts</p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { ErrorHandler, NgModule } from '@angular/core';
  import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
  import { SplashScreen } from '@ionic-native/splash-screen';
  import { StatusBar } from '@ionic-native/status-bar';
  import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
  import { TranslateHttpLoader } from '@ngx-translate/http-loader';
  import { HttpModule, Http } from '@angular/http';
  
  import { MyApp } from './app.component';
  import { HomePage } from '../pages/home/home';
  
  export function createTranslateLoader(http: Http) {
    return new TranslateHttpLoader(http, './assets/i18n/', '.json');
  }
  
  @NgModule({
    declarations: [
      MyApp,
      HomePage
    ],
    imports: [
      HttpModule,
      BrowserModule,
      IonicModule.forRoot(MyApp),
      TranslateModule.forRoot({
        loader: {
          provide: TranslateLoader,
          useFactory: (createTranslateLoader),
          deps: [Http]
        }
      })
    ],
    bootstrap: [IonicApp],
    entryComponents: [
      MyApp,
      HomePage
    ],
    providers: [
      StatusBar,
      SplashScreen,
      {provide: ErrorHandler, useClass: IonicErrorHandler}
    ]
  })
  export class AppModule {}
  </code></pre>
  
  <p>about.ts</p>
  
  <pre><code>import { Component } from '@angular/core';
  import { IonicPage, NavController, NavParams } from 'ionic-angular';
  import { TranslateService } from '@ngx-translate/core';
  
  @IonicPage()
  @Component({
    selector: 'page-about',
    templateUrl: 'about.html',
  })
  export class AboutPage {
  
    constructor(public navCtrl: NavController, public navParams: NavParams, public translate: TranslateService) {
      this.translate.setDefaultLang('en');
    }
  
    ionViewDidLoad() {
      console.log('ionViewDidLoad AboutPage');
    }
  
  }
  </code></pre>
  
  <p>about.html</p>
  
  <pre><code>&lt;ion-header&gt;
  
    &lt;ion-navbar&gt;
      &lt;ion-title&gt;{{ 'HELLO' | translate }}&lt;/ion-title&gt;
    &lt;/ion-navbar&gt;
  
  &lt;/ion-header&gt;
  
  
  &lt;ion-content padding&gt;
  
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>Error:</p>
  
  <blockquote>
    <p>Error: Uncaught (in promise): Error: Template parse errors: The pipe
    'translate' could not be found ("</p>
    
    <p>
        {{ [ERROR ->]'HELLO' | translate }}   </p>
    
    <p>"): ng:///AboutPageModule/AboutPage.html@3:18 Error: Template parse
    errors: The pipe 'translate' could not be found ("</p>
    
    <p>
        {{ [ERROR ->]'HELLO' | translate }}   </p>
    
    <p>"): ng:///AboutPageModule/AboutPage.html@3:18
        at syntaxError (<a href="http://localhost:8100/build/vendor.js:82250:34" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:82250:34</a>)
        at TemplateParser.parse (<a href="http://localhost:8100/build/vendor.js:106433:19" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:106433:19</a>)
        at JitCompiler._parseTemplate (<a href="http://localhost:8100/build/vendor.js:116386:37" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:116386:37</a>)
        at JitCompiler._compileTemplate (<a href="http://localhost:8100/build/vendor.js:116361:23" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:116361:23</a>)
        at <a href="http://localhost:8100/build/vendor.js:116262:62" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:116262:62</a>
        at Set.forEach ()
        at JitCompiler._compileComponents (<a href="http://localhost:8100/build/vendor.js:116262:19" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:116262:19</a>)
        at <a href="http://localhost:8100/build/vendor.js:116132:19" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:116132:19</a>
        at Object.then (<a href="http://localhost:8100/build/vendor.js:82239:77" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:82239:77</a>)
        at JitCompiler._compileModuleAndComponents (<a href="http://localhost:8100/build/vendor.js:116131:26" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:116131:26</a>)
        at c (<a href="http://localhost:8100/build/polyfills.js:3:19752" rel="nofollow noreferrer">http://localhost:8100/build/polyfills.js:3:19752</a>)
        at c (<a href="http://localhost:8100/build/polyfills.js:3:19461" rel="nofollow noreferrer">http://localhost:8100/build/polyfills.js:3:19461</a>)
        at <a href="http://localhost:8100/build/polyfills.js:3:20233" rel="nofollow noreferrer">http://localhost:8100/build/polyfills.js:3:20233</a>
        at t.invokeTask (<a href="http://localhost:8100/build/polyfills.js:3:15660" rel="nofollow noreferrer">http://localhost:8100/build/polyfills.js:3:15660</a>)
        at Object.onInvokeTask (<a href="http://localhost:8100/build/vendor.js:5114:33" rel="nofollow noreferrer">http://localhost:8100/build/vendor.js:5114:33</a>)
        at t.invokeTask (<a href="http://localhost:8100/build/polyfills.js:3:15581" rel="nofollow noreferrer">http://localhost:8100/build/polyfills.js:3:15581</a>)
        at r.runTask (<a href="http://localhost:8100/build/polyfills.js:3:10834" rel="nofollow noreferrer">http://localhost:8100/build/polyfills.js:3:10834</a>)
        at o (<a href="http://localhost:8100/build/polyfills.js:3:7894" rel="nofollow noreferrer">http://localhost:8100/build/polyfills.js:3:7894</a>)</p>
  </blockquote>
  
  <p>Same code working like charm in root home page. Plaease help me How can I solve this issue?</p>