# \[Solved\] Pipe not found in custom component

**URL:** <https://forum.ionicframework.com/t/solved-pipe-not-found-in-custom-component/95179>\
**Category:** ionic-v3\
**Created:** [June 20, 2017, 8:16pm UTC](https://forum.ionicframework.com/t/solved-pipe-not-found-in-custom-component/95179 "2017-06-20T20:16:48Z")\
**Posts on this page:** 1\
**Showing post:** 13

<div class="post-metadata">

**Author:** ![Dreaser](https://avatars.discourse-cdn.com/v4/letter/d/e19b73/32.png) [@Dreaser](https://forum.ionicframework.com/u/Dreaser)\
**Post date:** [January 7, 2018, 4:06am UTC](https://forum.ionicframework.com/t/solved-pipe-not-found-in-custom-component/95179/13 "2018-01-07T04:06:39Z")

</div>

I know this one is marked as solved, here is a similar problem i had, which ive spent the last few hours struggling to figure out. It might help other newbies like me.

I couldn’t understand why my pipe worked in one project, but when i moved the code to a new project it didnt work.

kept getting error about ‘name\_of\_my\_pipe’ not being found

i had correctly ensured/created the following using the ‘generate’ command from the CLI  
my\_pipe.ts  
pipes.module.ts  
listpage.ts (listpage is my homepage)  
listpage.module.ts (listpage is my hompage

and ensure the following was in the llistpage.module.ts  
import { PipesModule } from ‘…/…/pipes/pipes.module’;

I finally realised my app.module.ts was declaring/exporting my ‘home-page’ twice once as ‘MyApp’ and the also as ‘ListPage’ (i am a complete novice, basically hacking together something from some example code, it looks like when i created the page ‘ListPage’ using the ionic CLI (which was already the home-page in the app) it auto added the normal page code and references to the app.module.ts)

anyways here is my original app.module.ts (only relevant imports shown)

```auto
import { MyApp } from './app.component';
import { ListPage } from '../pages/list/list';
import { InfoPage } from '../pages/info/info';
import { MyService } from '../services/rest/service';

@NgModule({
  declarations: [
    MyApp,
    ListPage,
    InfoPage
  ],
  imports: [
    BrowserModule,
    HttpModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    ListPage,
    InfoPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    MyService,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}

```

once i removed the references to ListPage (which remember is already my app home page as declared in app.component.ts

my custom pipe was now recognised

```auto
import { MyApp } from './app.component';
import { InfoPage } from '../pages/info/info';
import { MyService } from '../services/rest/service';

@NgModule({
  declarations: [
    MyApp,
    InfoPage
  ],
  imports: [
    BrowserModule,
    HttpModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    InfoPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    MyService,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}

```

---

_[View the full topic](https://forum.ionicframework.com/t/solved-pipe-not-found-in-custom-component/95179)._