使用createReducer函数构建Angular + ngrx 8的生产环境时出现错误

Question

目前我正在尝试使用新的NgRX creator函数构建一个Angular + NgRX 8应用程序。但是当我为生产环境构建时，会出现以下错误：

在装饰器中不支持函数调用，但在'reducers'中调用了'createReducer'。

在开发模式下完全没有问题。

请求的reducer如下:

export interface State extends EntityState<Request> {
  loading: boolean;
  error: any;
}
export const initialState = adapter.getInitialState({
  loading: false,
  error: null
});

export const reducer = createReducer(
  initialState,
  on(RequestsActions.loadRequestsSuccess, (state, { requests }) => adapter.addAll(requests, {...state, loading: false})),
  on(RequestsActions.loadRequestsFailed, (state, { error }) => ({...state, error, loading: false})),
  on(RequestsActions.deleteRequestSuccess, (state, { id }) => adapter.removeOne(id, state))
);

并与其他reducer一起在index.ts文件中编写。

export const reducers = {
  requests: reducer
  // [...]
}

而 StoreModule 是这样与 reducers 映射一起导入的

@NgModule({
  imports: [
    CommonModule,
    StoreModule.forFeature('requests', reducers),
    EffectsModule.forFeature(effects),
    // [...]
  ]
})
export class RequestsModule {}

你有任何想法吗？谢谢和干杯！

- Felix Lemke

Answer 1

你需要将你的reducer包装为一个函数调用，像这样：

const yourReducer = createReducer(
  initialState,
  on(RequestsActions.loadRequestsSuccess, (state, { requests }) => adapter.addAll(requests, {...state, loading: false})),
  on(RequestsActions.loadRequestsFailed, (state, { error }) => ({...state, error, loading: false})),
  on(RequestsActions.deleteRequestSuccess, (state, { id }) => adapter.removeOne(id, state))
);

export function reducer(state: State | undefined, action: Action) {
  return yourReducer(state, action);
}

请参阅官方文档 -

https://ngrx.io/guide/store/reducers#creating-the-reducer-function

- user2216584

---

这同样适用于许多其他问题。如果您的函数没有“导出函数”功能，那么它将无法被AOT编译器运行。 - Bryan Rayner