错误：Effect 调度了一个无效的动作：未定义

Question

我正在尝试为我的动作编写一个效果。里面有getData()和checkToken()两种服务方式。

会报错：

“错误错误：效果“IndexEffects.loginStatusValidate$”调度了无效操作：未定义”

我该怎么办？

 @Effect()
  loginStatusValidate$: Observable<Action> = this.actions$.pipe(
    ofType(IndexActionTypes.LoginStatusValidate),
    switchMap(() =>
      this.authService.getData().pipe(
        map(oldToken => {
          if (oldToken) {
            console.log("oldToken exsits");
            this.authService.checkToken().subscribe((newToken) => {
              console.log(newToken);
              // Throw error if I try to dispatch action here
              return new LoginStatusValidateSuccess(newToken);
            });
             // It's fine if I just dispatch action here
             //return new LoginStatusValidateSuccess('');

          } else {
            return new LoginStatusValidateError();
          }
        })
      )
    )
  );

 getData() {
    return of(localStorage.getItem('ACCESS_TOKEN'));
  }

 checkToken(){
      // access api refresh token 
      return of("newToken");

  }

Answer 1

问题是this.authService.checkToken().subscribe((newToken) => {，这样做你并没有返回任何东西，而是返回了undefined。

你订阅了，但你必须返回一个动作流，就像你对this.authService.getData().pipe所做的那样。