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 ，您處理錯誤並切換到另一個可觀察到的