# ngTranslate in Component. Pipe translate not found

**URL:** <https://forum.ionicframework.com/t/ngtranslate-in-component-pipe-translate-not-found/104883>\
**Category:** ionic-v3\
**Created:** [September 11, 2017, 5:57am UTC](https://forum.ionicframework.com/t/ngtranslate-in-component-pipe-translate-not-found/104883 "2017-09-11T05:57:35Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![marcwadai](https://avatars.discourse-cdn.com/v4/letter/m/d26b3c/32.png) [@marcwadai](https://forum.ionicframework.com/u/marcwadai)\
**Post date:** [September 11, 2017, 5:57am UTC](https://forum.ionicframework.com/t/ngtranslate-in-component-pipe-translate-not-found/104883/1 "2017-09-11T05:57:35Z")

</div>

I have implemented ngTranslate using a shared module that i will import in my other pages.  
The translate pipe is working correctly in IonicPage where i import them in the module.  
However when using in a component that is not a IonicPage (doesn’t have his own module file), the translate pipe is not found.  
I have tried to also import the share module inside the app.module.ts, but i still have the same error.  
I have seen solutions using PLATFORM\_PIPES, but which is deprecated now.

Here is my implementation :  
_shared.module.ts_ :

```auto
import {NgModule } from '@angular/core';
import {MyIcons} from '../components/common/myIcons';
import { IonicApp, IonicModule } from 'ionic-angular';
import { TranslateModule} from '@ngx-translate/core';
@NgModule({
  declarations: [
    MyIcons,
    // OverlayDetail
  ],
  imports : [IonicModule],
  exports : [MyIcons, TranslateModule]
})
export class SharedModule {}

```

_app.module.ts_ :

```auto
@NgModule({
  declarations: [
    SuperHoteApp
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(SuperHoteApp, {tabsHideOnSubPages: true, platforms: { ios: { scrollAssist: false, autoFocusAssist: false }, android : {scrollAssist: false, autoFocusAssist: false} }}),    
    IonicStorageModule.forRoot(),
    SharedModule,
    TranslateModule.forRoot({
    loader: {
      provide: TranslateLoader,
      useFactory: (createTranslateLoader),
      deps: [Http]
    }})
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    SuperHoteApp
  ],
  providers: [
    ScreenOrientation,
    StatusBar,
    {
      provide: ErrorHandler,
      useClass: IonicErrorHandler},
    {
      provide: HttpInterceptor,
      useFactory: HttpFactory,
      deps: [XHRBackend, RequestOptions]
    }
  ],
  exports : [SharedModule]
})
export class AppModule {
  constructor(public config: Config) {
}
}

```

_translateLoader.ts_

```auto
import { Http } from '@angular/http';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';

export function createTranslateLoader(http: Http) {
  return new TranslateHttpLoader(http, 'assets/i18n/', '.json');
}

```

---

<div class="post-metadata">

**Author:** ![k00na](https://avatars.discourse-cdn.com/v4/letter/k/dbc845/32.png) [@k00na](https://forum.ionicframework.com/u/k00na)\
**Post date:** [January 8, 2018, 2:00pm UTC](https://forum.ionicframework.com/t/ngtranslate-in-component-pipe-translate-not-found/104883/2 "2018-01-08T14:00:54Z")

</div>

Experiencing the same probleme here… have you found a solution?