输入'可观察的<void | Observable<void>>' 不可分配给类型 'Observable<Action>'

Question

我试图在NgRX 6 中理解effects

我有一个示例效果：

  @Effect()
  createNonce$: Observable<Action> = this.actions$.pipe(
    ofType(INVALID_SESSION),
    map(() => generateNonce(32)),
    map(nonce => of(this.store.dispatch(new IdentityRedirect(nonce)))),
    catchError(error => of(console.error(error)))
  );

我想要实现的是

1. 收听INVALID_SESSION
2. 调用generateNonce并返回结果
3. 派发上一张地图的结果

我收到以下错误

[ts]
Type 'Observable<void | Observable<void>>' is not assignable to type 'Observable<Action>'.
  Type 'void | Observable<void>' is not assignable to type 'Action'.
    Type 'void' is not assignable to type 'Action'.

Answer 1

  @Effect()
  createNonce$: Observable<Action> = this.actions$.pipe(
    ofType(INVALID_SESSION),
    mergeMap(() =>
      of(generateNonce(32)).pipe(
        map(nonce => ({ type: REDIRECT_TO_LOGIN, payload: nonce }))
      )
    ),
    catchError(error => of({ type: REDIRECT_TO_LOGIN_FAILURE, payload: error }))
  );