Promise to Observable无法正确捕获错误

Question

我有以下功能。 我从中删除了不必要的代码，以使其更易于阅读。

add() {
    const listingId = 'xyz';

    const promise = new Promise((resolve, reject) => {
      reject(Error(`error msg`));
    });

    return from(promise).pipe(
      map(() => listingId),
      catchError(error => of(error.message))
    );
  }

我正在订阅这样的可观察对象：

this.service.add().subscribe(
      listingId => {
        console.log(`listingId:`, listingId);
      },
      error => {
        console.log(`Error:`, error);
      },
      () => {
        console.log(`Completed`);
      }
    );

问题在于错误是在next（）而不是error（）中捕获的。 控制台输出为：

listingId: error msg
Completed

它应该是：

Error: error msg

我究竟做错了什么？

Answer 1

在这一行中catchError(error => of(error.message))使用catchError捕获错误，并且在流切换到of(error.message) ， catchError类似于switchMap ，您处理错误并切换到另一个可观察到的