Нет поставщика для TranslateService

Question

Я добавляю ng-translate для моего проекта в зависимости от документации, но все равно появляется ошибка

    //import
        import {TranslateLoader, TranslateModule, TranslateService} from '@ngx-translate/core';

    //also provides 
        providers: [
            {provide: LOCALE_ID, useValue: 'en-US'},
            BaseRequestOptions,
            { provide: HTTP_INTERCEPTORS, useClass: TokenInterceptor, multi: true },
          { provide: HTTP_INTERCEPTORS, useClass: CommonInterceptor, multi: true },
          NGXLogger,
          TranslateService
        ],

//and 
export function HttpLoaderFactory(http: HttpClient) {
  return new TranslateHttpLoader(http);
}

Answer 1

Убедитесь, что вы добавили фрагмент в блок импорта app.module.ts например:

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,

    // configure the imports
    HttpClientModule,
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [HttpClient]
      }
    })
  ],
  providers: [],
  bootstrap: [AppComponent]
});