Question

我试图从HTTP请求中捕获错误，并基于错误代码向用户显示错误消息。为此，我使用rxjs中的catchError运算符。

但是我收到此错误，指出类型Observable

上的属性'catchError'不存在

下面是我的package.json

"dependencies": {
"@angular/animations": "^6.0.3",
"@angular/common": "^6.0.3",
"@angular/compiler": "^6.0.3",
"@angular/core": "^6.0.3",
"@angular/forms": "^6.0.3",
"@angular/http": "^6.0.3",
"@angular/platform-browser": "^6.0.3",
"@angular/platform-browser-dynamic": "^6.0.3",
"@angular/router": "^6.0.3",
"bootstrap": "^3.3.7",
"core-js": "^2.5.4",
"rxjs": "^6.0.0",
"zone.js": "^0.8.26"

以下是我正在实现的用于处理http请求的服务中使用的导入。

import { catchError } from 'rxjs/operators';
import { Injectable } from '@angular/core';
import { Http } from '../../../node_modules/@angular/http';
import { Observable } from 'rxjs';
import { AppError } from './../common/app-error';
import { NotFoundError } from '../common/not-found-error';

此功能是我从服务器上删除帖子，然后将针对预期和意外错误的自定义错误返回给我的组件。

deletePost(id:number){
return this.http.delete(this._url+"/"+id).catchError(
  (error:Response)=>{
    if(error.status===404){
      return Observable.throw(new NotFoundError());
    }
    return Observable.throw(new AppError(error));
  }
);

}

但是当我尝试删除帖子时，出现以下错误。

this.http.delete(...).catchError is not a function

根据我的理解，我还参考了以下API for rxjs，catchError函数期望将Observable作为输入。如果有人可以帮助我解决此问题，我将不胜感激。谢谢。

Answer 1

我知道了。从rxjs 6开始，必须先使用pipe（）运算符，然后才能使用catchError之类的运算符。因此，应按如下所示修改代码。

deletePost(id:number){
return this.http.delete(this._url+"/"+id)
.pipe(
  catchError(
    (error:Response)=>{
      if(error.status===404){
        return Observable.throw(new NotFoundError());
      }
      return Observable.throw(new AppError(error));
    }
));}

更新

需要稍作更改才能使其正常工作，因为rxjs6的throw函数实现也已更改。现在，必须使用throwError（）函数来代替可观察到的throw错误函数。以上任务的实现如下。

  deletePost(id:number){
return this.http.delete(this._url+"/"+id)
.pipe(
  catchError(
    (error:Response)=>{
      if(error.status===404){
        console.log(error);
        return throwError(new NotFoundError(error));
      }
      return throwError(new AppError());
    }
));}

我希望有人会对此有所帮助，并节省几个小时的时间。干杯！

在Observable <response>中找不到catchError

1 个答案: