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 { }