Angular ngrx + Firebase OAuth 操作已调用但效果不

Question

当我以这种效果注销时，我的 oauth 设置有问题：

@Effect()
  logout:  Observable<Action> = this.actions.ofType(UserActions.LOGOUT)
    .switchMap(() => Observable.of(this.afAuth.auth.signOut()))
    .map(() => new UserActions.GetUser())
    .catch(err => Observable.of(new UserActions.AuthError({error: err.message})));

一切正常，UserActions.GetUser() 正在被调用。现在，如果我尝试使用此效果和此 Firebase 身份验证功能登录：

@Effect()
  googleLogin: Observable<Action> = this.actions.ofType(UserActions.GOOGLE_LOGIN)
    .switchMap(() => Observable.fromPromise(this.loginWithGoogle()))
    .map(() => new UserActions.GetUser())
    .catch(err => Observable.of(new UserActions.AuthError({error: err.message})));

private loginWithGoogle() {
  return this.afAuth.auth.signInWithPopup(new firebase.auth.GoogleAuthProvider());
}

新的UserActions.GetUser()被调用了，在Redux DevTools中可以看到，但是实际效果没有被调用，我在里面放了很多console.log看看是不是函数做错了，但是它根本没有被调用，而且我在GetUser 中有一个catch，但这也没有触发。

在这种情况下，firebase 有问题还是我很愚蠢？

动作：

获取用户效果：

@Effect()
  getUser: Observable<Action> = this.actions.ofType(UserActions.GET_USER)
    .switchMap(() => {
      console.log('test'); // <-- Not called
      return this.afAuth.authState;
    })
    .map(()=> {
      return new UserActions.Authenticated();
    });

** 编辑 1

我做了一个新的观察：当没有互联网连接时，从本地加载 firebase，它实际上可以工作，不知何故，与 firebase 数据库的连接存在问题

Answer 1

尝试使用这个：

@Effect()
googleLogin: Observable<Action> = this.actions.pipe(

        ofType(UserActions.GOOGLE_LOGIN),
        map(action => action.payload), // if there is no payload disregard this
        exhaustMap((auth: any) => Observable.fromPromise(this.loginWithGoogle()
               .pipe(
                  map(() => new UserActions.GetUser()),
                  catchError(err => Observable.of(new UserActions.AuthError({error: err.message})))
            ))
        )

    )

为此，exhaustMap 和 switchMap 有一点区别。 如果你成功了，请告诉我。

Answer 2

你可以试试这个吗？在我看来这可能会有所帮助。

  @Effect()
  googleLogin = this.actions.ofType(UserAction.GOOGLE_LOGIN).pipe(
    map(() => Observable.fromPromise(this.loginWithGoogle()),
    mergeMap(()=> return[{type: UserActions.GET_USER}])
  );

Answer 3

我遇到了类似的问题，我认为效果没有被调用，因为在您的 getUser 效果中，如果效果抛出任何错误，您没有实现 catch 块，所以理想情况下，如果效果得到错误并且它没有任何捕获机制，效果不会为进一步的操作调用。