切换映射取消选项 http 请求在 ngrx 效果

Question

我有一个像这样的ngrx效果：

@Effect()
throwError$: Observable<Action> = this.actions$.pipe(
ofType<notificationActions.ErrorThrow>(
notificationActions.ActionTypes.ThrowError
),
tap(() => {
this.store.dispatch(new masterActions.LoadingHide());
this.sub = this.devTools.liftedState.subscribe(data => {
this.errorLogService.addErrorLog(JSON.stringify(data)).subscribe(data2 => console.log('data2', data));
console.log(JSON.stringify(data));
});
}),
map(action => action.payload),
tap(() => {
this.sub.unsubscribe();
}),
mergeMap(error => {
return of(
new notificationActions.ErrorAdd({
type: error.type,
description: error.description
})
);
})
);

errorLogService 的 addErrorLog 方法发送一个 http post 请求，用于将错误日志存储到数据库中。像这样做请求一切都在工作，首先是选项请求，然后是后请求，但是如果我切换到 switchMap 以组合两个可观察量，当我在 chrome 开发工具的网络选项卡上检查选项请求时，选项请求会被取消。

这是重构的代码的一部分

tap(() => {
this.store.dispatch(new masterActions.LoadingHide());
this.sub = this.devTools.liftedState
.pipe(
switchMap(data => {
console.log('data', data);
return this.errorLogService.addErrorLog(JSON.stringify(data));
})
)
.subscribe();
})

有什么线索吗？

Answer 1

我遇到了同样的问题。将switchMap替换为mergeMap为我做到了，现在每个HTTP请求都等待完成。