Эффект ngrx не вызывается, когда действие отправляется из компонента

Это не будет окончательным ответом, но, надеюсь, он будет полезным.

Прежде чем ты начнешь:

• Убедитесь, что вы используете последние версии пакетов @ngrx (которые подходят для используемой вами версии Angular).
• Если вы обновили какие-либо пакеты, обязательно перезапустите среду разработки (то есть перезапустите сборщик, сервер и т. Д.)

Если вы еще этого не сделали, вам следует взглянуть на реализация Store - чтобы вы могли предположить, что может пойти не так. Обратите внимание, что Store довольно легкий. Это и наблюдаемый (использующий состояние в качестве источника), и наблюдатель (который подчиняется диспетчеру).

Если вы посмотрите на store.dispatch, вы Вы увидите, что это псевдоним для _5 _, который вызывает next в _7 _.

Так зовут:

this.store.dispatch(new StandardSigninAction(this.formStatus.form.value.credentials));

должен просто увидеть действие, испущенное диспетчером.

Наблюдаемое Actions, которое вводится в ваш эффекты тоже довольно легкие. Это просто наблюдаемое, которое использует Dispatcher в качестве источника.

Чтобы посмотреть на действия, выполняемые через эффект, вы можете заменить это:

@Effect()
standardSignin$: Observable<Action> = this.actions$
  .ofType(session.ActionTypes.STANDARD_SIGNIN)

с этим:

@Effect()
standardSignin$: Observable<Action> = this.actions$
  .do((action) => console.log(`Received ${action.type}`))
  .filter((action) => action.type === session.ActionTypes.STANDARD_SIGNIN)

ofType не оператор; это метод, поэтому, чтобы добавить ведение журнала на основе do, его необходимо заменить на filter.

Если при ведении журнала вы получаете действие, то что-то не так с реализацией эффекта (или, возможно, строки / константы типов действий не такие, как вы думаете, и что-то не соответствует).

Если эффект не получает отправленное действие, наиболее вероятным объяснением будет то, что store, через который вы отправляете StandardSigninAction, не тот же store, который использует ваш эффект, то есть у вас проблема с DI.

Если это так, вы должны посмотреть, что отличается от других SessionEffects, которые, по вашему мнению, работают. (По крайней мере, у вас есть что-то работающее, и это хорошее место для начала экспериментов.) Они отправляются из другого модуля? Является ли модуль, который отправляет StandardSigninAction, функциональным модулем?

Что произойдет, если вы взломаете один из рабочих SessionEffects, чтобы заменить его отправленное действие на StandardSigninAction? Эффект тогда работает?

Обратите внимание, что вопросы в конце этого ответа не являются вопросами, на которые я хочу получить ответы; это вопросы, которые вам следует задать себе и изучить.

Поток вашего магазина может останавливаться либо из-за необработанных ошибок, либо - что еще более сбивает с толку - ошибок, которые кажутся «обработанными» с помощью .catch, которые фактически убивают поток без повторной генерации нового Observable для продолжения работы.

Например, это убьет поток:

this.actions$
    .ofType('FETCH')
    .map(a => a.payload)
    .switchMap(query => this.apiService.fetch$(query)
        .map(result => ({ type: 'SUCCESS', payload: result }))
        .catch(err => console.log(`oops: ${err}`))) // <- breaks stream!

Но это сохранит жизнь:

this.actions$
    .ofType('FETCH')
    .map(a => a.payload)
    .switchMap(query => this.apiService.fetch$(query)
        .map(result => ({ type: 'SUCCESS', payload: result }))
        .catch(e => Observable.of({ type: 'FAIL', payload: e}))) // re-emit

Это верно для любого rxjs Observable btw, что особенно важно учитывать при трансляции нескольким наблюдателям (например, хранилище ngrx внутренне использует внутренний Subject).

Я использую более позднюю версию ngrx (7.4.0), поэтому предложения Картанта:

.do((action) => console.log(`Received ${action.type}`))

должно быть...

... = this.actions.pipe(
   tap((action) => console.log(`Received ${action.type}`)),
   ...

И в конце концов я обнаружил, что пропустил добавление в модуль моего нового экспорта эффектов, например:

EffectsModule.forRoot([AuthEffects, ViewEffects]),  // was missing the ', ViewEffects'

Если вы используете версию 8, убедитесь, что вы заключили каждое действие в createEffect.

Пример:

Create$ = createEffect(() => this.actions$.pipe(...))

Другая возможная причина заключается в том, что если вы использовали ng generate для создания модуля, в который вы импортировали эффекты, убедитесь, что он импортирован в модуль приложения, поскольку следующая команда ng generate module myModule не добавит его в модуль приложения.