Angular 链式方法中的异常处理？

Question

我有一个简单的问题，我认为 Angular 专家很容易回答。

我有一个方法如下：

 private uploadPicture(imagePath: string, apiUrl: string): Observable<ApiResponse<string>> {

   return this.convertFileFromFilePathToBlob(imagePath).pipe(
      switchMap(item => this.convertBlobToFormData(item)),
      switchMap(formData => this.postImageToServer(formData, apiUrl)),
      catchError((error: any) => {
        if (error instanceof Response) {
            return throwError(new AppError(error));
        } else {
            return throwError(new AppError(null, 'Error occured at convertFileFromFilePathToBlob.'));
        }
      })
    );
  }

我在一个方法中链接了 3 个方法：

1. convertFileFromFilePathToBlob
2. convertBlobToFormData
3. postImageToServer

所有 3 种方法都可以在任何故障点引发/发出错误。我的问题是在这种情况下如何进行异常处理？

我当前的实现是否只有一个catchError 可以吗？如果没问题，如果任何链式方法引发错误，是否会执行？

或

是否需要在每个方法之后使用多个 catchError 运算符来捕获其错误？如果是，我不知道该怎么做？

谁能解释在这种情况下我应该如何处理错误？

Answer 1

你只能有一个catchError，应该足够了。但请确保它位于所有其他运算符的末尾。因为它捕获错误，替换流，从而允许流继续。例如参考下面的气泡图。

RxJS documentation on catchError

Angular University post

---

在你的情况下，我看不出使用catchError 的理由，你可以使用Observable 的错误处理。 .subscribe 接受第二个参数作为错误处理函数。