CODEWITHSUNDEEP
angularngx-translate
Omar
Omar

Reputation: 31

No provider for TranslateService

I add ng-translate on my project depending the documentation but still have a error

    //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);
}

Upvotes: 0

Views: 3418

Answers (1)

arvind AK
arvind AK

Reputation: 41

Make sure that you have added the snippet in imports block of app.module.ts for example: 

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

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

Upvotes: 1

Related Questions