Angular translation forchild not loading

I have an angular application that uses ngx-translation. For this, I made a Shared module that loads a translation file containing different keys (general errors…) :

`@NgModule({
imports: [
TranslateModule.forChild({
loader: {
provide: TranslateLoader,
useFactory: TranslateFactory,
deps: [HttpClient]
}
}),
],
exports: [TranslateModule],
})

export class TranslatorModule {
constructor(translate: TranslateService){
translate.addLangs([‘fr’]);
translate.setDefaultLang(‘fr’);

const browserLang = translate.getBrowserLang();
translate.use(browserLang.match(/fr/) ? browserLang : 'fr');

}
}

export function TranslateFactory(http: HttpClient) {
return new TranslationService(http, ‘assets/i18n’);
}`

In my AppModule, I load this module and I also load another translation file via forRoot :

`@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
AppRoutingModule,
SharedModule,
TranslateModule.forRoot({
loader: {
provide: TranslateLoader,
useFactory: TranslateFactory,
deps: [HttpClient]
}
}),
],
bootstrap: [AppComponent]
})

export class AppModule{

}

export function TranslateFactory(http: HttpClient) {
return new TranslationService(http, ‘assets/i18n/myApp’);
}`

My problem is that only translateService.forRoot works. Translations from translateService.forChild are not loaded

Then I just use my shareModule in my loaded modules in lazy loading mode