将 translate pipe 注入 NgRx Effect 并抛出 NullInjectorError

Question

我将 translate pipe 注入到 NgRx Effect 中，它会抛出 NullInjectorError，即使 pipe 是在包含该效果的模块中提供的。 我用于翻译的 package 是@ngx-translate/core。

注意：我能够在组件 scope 中使用 translatePipe。

模块.ts：

@NgModule({
    declarations: [
        OptimizationTabMainComponent,
    ],
    imports: [
        OptimizationTabRoutingModule,
        SharedModule,
        TranslateModule,
        StoreModule,
        StoreModule.forFeature(StoreFeatures.Optimization, optimizationReducers),
        EffectsModule.forFeature([OptimizationMainEffects]),

    ],
    providers: [
        TranslatePipe
    ]
})
class OptimizationTabModule { }

export {OptimizationTabModule};

效果.ts：

@Injectable()
export class OptimizationMainEffects {
    constructor(        
        private translateService: TranslatePipe,
    ) {
    }
}

应用程序模块.ts

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule,
        BrowserAnimationsModule,
        HttpClientModule,
        AppRoutingModule,
        SharedModule,
        TranslateModule.forRoot({
            defaultLanguage: 'en',
            loader:          {
                provide:    TranslateLoader,
                useClass: LazyTranslateLoader
            },
            isolate: true
        }),
]
...

共享模块.ts

const importsExports = [
    CommonModule,
    FlexModule,
    TranslateModule,
    FlexLayoutModule,
    NotificationsModule,
    ComponentsModule,
    MatExpansionModule,
    MatCardModule,
    MatIconModule,
    MatTooltipModule
];

@NgModule({
    imports: importsExports,
    exports: importsExports
})
export class SharedModule { }

Answer 1

您需要导入翻译模块。 文档： https://github.com/ngx-translate/core#sharedmodule

@NgModule({
    imprts: [
        CommonModule,
        TranslateModule
    ]
})
export class SharedModule { }