aot problem "Function expressions are not supported in decorators in 'reducer' about ngrx-actions HOT 7 CLOSED

@thomascmost I don't think is necessary rewriting your reducers. I was experiencing same issue but changing my reducers from arrow functions to named functions (function declaration) works for me.
instead of :

export const securityReducer = function (state: SecurityState, action: StoreAction) {
  return createReducer<SecurityState>(AuthStore)(state, action);
};

I changed it to:

export  function securityReducer(state: SecurityState, action: StoreAction) {
  return createReducer<SecurityState>(AuthStore)(state, action);
};

and everything works fine. cc: @leon

from ngrx-actions.

Hi @leon, the problem is that AoT compilation is very strict, and requires a function declaration, not a const that holds a function reference. I know, it's stupid, but it works this way for now.

from ngrx-actions.

Geez! -- so we have to rewrite all of our reducers as named functions just to get AOT working???

from ngrx-actions.

Hi @leon ,

try with the following implementation:

let xReducerInstance;

export function xReducer(state: XState, action: Action) {
  return (xReducerInstance || (xReducerInstance = createReducer<XState>(XStore)))(state, action);
}

from ngrx-actions.

I think its this: StoreModule.forFeature('security', securityReducer),, should securityReducer be an object?

from ngrx-actions.

@amcdnl I got it working with @albyrock87's suggestion.
I think forFeature takes either a map of reducers or a single reducer.

I find it strange as to why @albyrock87's suggestion is different from:

export const securityReducer = createReducer<SecurityState>(SecurityStore);

It's creating a variable that holds a reference to the reducer.
Very strange :)

from ngrx-actions.

Referencing a reusable function reducer also causes this problem. Even when it has been changed to functions from const

function listReducer(Enum) {
  return function(state, action) {
    switch(action.type)
      case Enum.Pending:
        ...
    ...
    ...
  }
}

export function categoryReducer () {
  return listReducer(CategoryEnum);
}

export function skillReducer() {
  return listReducer(SkillEnum);
}

StoreModule.forFeature('shared', {
  category: categoryReducer(),
  skill: skillReducer()
});

Update:

For those of you who have this problem, add the state and action to the function as parameters and pass them through to the reusable function...

function listReducer(Enum) {
  return function(state, action) {
    switch(action.type)
      case Enum.Pending:
        ...
    ...
    ...
  }
}

export function categoryReducer(state, action) {
  return listReducer(CategoryEnum)(state, action);
}

export function skillReducer(state, action) {
  return listReducer(SkillEnum)(state, action);
}

StoreModule.forFeature('shared', {
  category: categoryReducer,
  skill: skillReducer
});

from ngrx-actions.