javascript - 如何解决 Angular 无效的 Action ？

Question

core.js:1671 ERROR Error: Effect "AuthEffect.login$" dispatched an invalid action: undefined
    at reportInvalidActions (effects.js:219)
    at verifyOutput (effects.js:207)
    at MapSubscriber.project (effects.js:273)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/operators/map.js.MapSubscriber._next (map.js:35)

当我使用 ngrx 访问我的服务时出现以下错误。这是我的代码

@Injectable()
export class AuthEffect {
  @Effect()
  login$ = this.actions$.pipe(
    ofType(AuthActionsTypes.LOGIN),
    map((action: Login) => action.payload),
    switchMap((auth: Authenticate) => {
      return this.authService.login(auth).pipe(
        map(user => this.store.dispatch(new LoginSuccess({user}))),
        catchError(error => of(new LoginFailure(error)))
      );
    })
  );

当我使用 this.store 时这一行出现问题，如果我使用

  map(user => this.store.dispatch(new LoginSuccess({user}))),

如果我使用 new LoginSuccess({user}) 它工作正常。为什么我无法发送action 从这里开始

Answer 1

您不必自己进行调度。从效果“返回”的每个 Action 都将由@ngrx/effects 分派(dispatch)。

map(user => new LoginSuccess({user}))

附带说明一下，如果您不发送必须使用的操作

@Effect({ dispatch: false})

如果您将 dispatch: false 添加到效果中，您的代码片段也应该有效，但最好只返回操作而不是自己分派(dispatch)它。