在 Ngrx 中设置减速器

Question

我正在设置非常基本的 Ngrx 状态管理。

# app.module
StoreModule.forRoot(reducers),

此代码是使用 Ngrx 原理图生成器生成的。

export const reducers: ActionReducerMap<State> = {
  [fromFilter.filterFeatureKey]: fromFilter.reducer
};

这给了我错误

Expression form not supported in 'reducers'

我已经尝试过在 Ngrx github 页面上找到的这个。 这不会产生任何错误，但只是默默地不起作用，不会生成任何状态。

export function reducers(state: State | undefined, action: Action) {
  return combineReducers(_reducers)(state, action);
}

我可以通过对过滤器键进行硬编码来使其工作，但是根据文档，这不是推荐的做法。

export const reducers: ActionReducerMap<State> = {
  filter: fromFilter.reducer
};

Answer 1

这是原理图现在自动生成的代码的问题。 要保留非硬编码字典版本，请在app.module.ts使用注入令牌，如下所示（ reducers和State从您的声明中导入）：

export const REDUCER_TOKEN = new InjectionToken<ActionReducerMap<State>>('root reducer');
@NgModule({
    declarations: [AppComponent],
    imports: [
        ...
        StoreModule.forRoot(REDUCER_TOKEN),
    ],
    providers: [
        { provide: REDUCER_TOKEN, useValue: reducers }
    ],
    bootstrap: [AppComponent]
})
export class AppModule { }

该问题仅在使用提前编译时发生，但由于这是大多数生产构建的默认设置，因此您必须使用令牌才能使其工作。