Question

我有一些代码我正在迁移到已经有效的RxJS 5.5。

public getMentor(id: number): Observable<Employee> {
    const url = `${this.employeeUrl}/${id}/mentor`;
    return this.http
        .get(url, this.authService.getOptionsWithToken())
        .retryWhen(errors => {
            return errors
                .mergeMap(error => (error.status === 404) ? Observable.throw(error) : Observable.of(error))
                .take(this.maxRetries);
        })
        .map(response => response.json() as Employee)
        .catch(ErrorHandlerService.handleError);
}

在任何情况下，如果此请求因404而失败，则根据业务逻辑确定。现在，这将是5.5中的近似值：

public getMentor(id: number): Observable<Employee> {
  const url = `${this.employeeUrl}/${id}/mentor`;
  return this.http.get<Employee>(url)
    .pipe(
      retryWhen(errors => {
        console.log('errorInService', errors);
        return errors.pipe(
          mergeMap(error => (error.status === 404) ? _throw(error) : of(error)),
          take(this.maxRetries)
        )
      }),
      catchError(ErrorHandlerService.handleError)
    );
}

这里，流程被中断，因为内部重试时，错误现在是主题，我无法像以前一样提取状态。

this.employeeService.getMentor(this.mentee.id).subscribe(
    mentor => {
      this.existingMentor = mentor;
      this.modalAddConfirmation(addConfirmation, mentee, form);
    },
    e => {
      console.log('errorInMentor', e);
      if (e.status === 404) {
        // console.log('No mentor');
        this.employeeService.putMentor(mentee.id, this.mentor)
          .subscribe(() => this.mentees.push(mentee));
      } else {
        return null;
      }
    }
  );

在原来的来电者中，＆＃34; e＆＃34;现在是一个字符串，表示Http failure response for http://localhost:8888/employees/1/mentor: 404 OK而不是对象。显然，putMentor()呼叫永远不会发生。我只是在学习，所以我很可能完全不了解新的可管道运营商。

更新

至少这段代码抛出了一个ErrorObservable，但是在调用者端（errorInMentor），它仍然是一个字符串：

public getMentor(id: number): Observable<Employee> {
  const url = `${this.employeeUrl}/${id}/mentor`;
  return this.http.get<Employee>(url)
    .pipe(
      retryWhen(errors => {
        return errors.pipe(
          mergeMap(error => {
            console.log('error MergeMap', error);
            return error.status === 404 ? _throw(error) : of(error);
          }),
          take(this.maxRetries)
        )
      }),
      catchError(ErrorHandlerService.handleError)
    );
}

Answer 1

原来，罪魁祸首是ErrorHandlerService.handleError()功能。以前它的工作方式如下：

public static handleError(error: any): Promise<any> {
    console.error('An error occurred', error);
    return Promise.reject(error.message || error);
}

Promises和Pipeable运算符不能很好地相处，所以我将代码更新为：

public static handleError(error: any): ErrorObservable {
    console.error('An error occurred', error);
    return ErrorObservable.create(error.message || error);
}

但是我只需要额外的调整：

public static handleError(error: any): ErrorObservable {
    console.error('An error occurred', error);
    return ErrorObservable.create(error);
}

直到现在，我还不知道我是如何错过的。

处理重试时RxJS 5.5中的状态代码

更新

1 个答案: