NullInjectorError: StaticInjectorError(AppModule)[TranslateService -> TranslateStore]

Question

我有以下結構

app.module.ts

    @ngModule({
       imports: [
           // other imports
               SharedModule,
               TranslateModule.forRoot({ 
                   loader: { provide: TranslateLoader, useFactory: createTranslateLoader, deps: [HttpClient] } 
                })
       ],
       providers: [
           // other providers
           TranslateService
       ]
    })

    export class AppModule { }

共享模塊.ts

@ngModule({
   declarations: [MyComponent]
   imports: [
       // other imports
           AnotherComponentModule,
           TranslateModule.forChild()
   ],
   exports: [MyComponent]
})

export class SharedModule { }

使用此設置，我收到錯誤

錯誤 NullInjectorError: StaticInjectorError(AppModule)[TranslateService -> TranslateStore]: StaticInjectorError(Platform: core)[TranslateService -> TranslateStore]: NullInjectorError: No provider for TranslateStore！

從 Angular 6 遷移到 Angular 8 時，錯誤開始出現。

該錯誤不會出現在該AnotherComponentModule內的組件中，所以不知何故它只出現在直接在SharedModule聲明的SharedModule 。

當我將 MyComponent 放在它自己的模塊中並將其導入 sharedModule 時，事情就開始工作了。

我曾嘗試將TranslateService和TranslateStore添加到SharedModule以及包含使用MyComponent的組件的模塊，但它沒有工作。

Answer 1

我有同樣的問題。

您需要在 app.module 中導入 HttpClientModule

嘗試這個：

   @ngModule({
   imports: [
           HttpClientModule
           SharedModule,
           TranslateModule.forRoot({
            loader: {
              provide: TranslateLoader,
              useFactory: HttpLoaderFactory,
              deps: [HttpClient]
            }
          })
   ],
   providers: []
   })

export class AppModule { }