title: Ionic 3: The pipe '' could not be found
body: <p>I can't seem any error regarding this problem. I already import in app.module.ts and put it in 'declaration'.</p>
  
  <p>in app.module.ts</p>
  
  <pre><code>import { NgModule, ErrorHandler } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
  import { MyApp } from './app.component';
  
  //ionic-native
  import { NativeStorage } from '@ionic-native/native-storage';
  import { StatusBar } from '@ionic-native/status-bar';
  import { SplashScreen } from '@ionic-native/splash-screen';
  
  //pipe
  import { HoursMinutesSecondsPipe } from '../pipes/hours-minutes-
  seconds/hours-minutes-seconds';
  
  @NgModule({
  declarations: [
  MyApp,
  HoursMinutesSecondsPipe
  ],
  imports: [
  BrowserModule,
  IonicModule.forRoot(MyApp, {
    platforms: {
      android: {
        tabsPlacement: 'top'
      }
    }
  }),
  ],
  bootstrap: [IonicApp],
  entryComponents: [
  MyApp,
  ],
  providers: [
  StatusBar,
  SplashScreen,
  {provide: ErrorHandler, useClass: IonicErrorHandler},
  NativeStorage,
  ]
  })
  export class AppModule {}
  </code></pre>
  
  <p>Usage: </p>
  
  <pre><code>    &lt;ion-card class="card-container" (click)="onTimer()"&gt;
        &lt;img src="assets/imgs/wp1.png"/&gt;
        &lt;div class="card-title"&gt;Time Smoke Free&lt;/div&gt;
        &lt;div class="card-subtitle"&gt;{{ seconds | hoursMinutesSeconds }}&lt;/div&gt;
      &lt;/ion-card&gt;
  </code></pre>
  
  <p>in hours-minutes-seconds.ts</p>
  
  <pre><code>    import { Pipe, PipeTransform } from '@angular/core';
  
      @Pipe({
        name: 'hoursMinutesSeconds',
      })
  
      export class HoursMinutesSecondsPipe implements PipeTransform {
  
        transform(value, args?) {
  
          let minutes = Math.floor(value / 60);
          let hours = Math.floor(minutes / 60);
          let seconds = Math.floor(value % 60);
  
          let timeString = hours + 'hrs ' + minutes + 'mins ' + seconds + 'secs';
  
          return timeString;
  
        }
      }
  </code></pre>
  
  <p>Error: 
      Uncaught (in promise): Error: Template parse errors:
          The pipe 'hoursMinutesSeconds' could not be found ("imgs/wp1.png"/>
              Time Smoke Free
              {{ [ERROR ->]seconds | hoursMinutesSeconds }}
            </p>