Actualmente estoy tratando de construir una aplicación Angular + NgRX 8 con las nuevas funciones del creador de NgRX. Pero cuando estoy construyendo esto para producción, aparece el siguiente error:
Las llamadas a funciones no son compatibles con los decoradores, pero se llamó a 'createReducer' en 'reducers'.
En modo desarrollo no hay ningún problema.
El reductor de solicitudes parece
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)) );y está compuesto en un archivo index.ts con otros reductores
export const reducers = { requests: reducer // [...] }y el StoreModule se importa con el mapa de reductores así
@NgModule({ imports: [ CommonModule, StoreModule.forFeature('requests', reducers), EffectsModule.forFeature(effects), // [...] ] }) export class RequestsModule {}¿Tienes alguna idea de lo que está pasando? ¡Gracias y ánimo!
Debe envolver su reductor como una llamada de función como esta:
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); }Ver el documento oficial -
https://ngrx.io/guide/store/reducers#creating-the-reducer-function