Thuộc tính 'bắt' không tồn tại trên loại 'Có thể quan sát <any>'

Trên trang tài liệu Angular 2 để sử dụng dịch vụ http, có một ví dụ.

getHeroes (): Observable<Stuff[]> {
  return this.http.get(this.url)
                  .map(this.extractData)
                  .catch(this.handleError);
}

Tôi đã nhân bản dự án angular2-webpack-starter và tự thêm mã ở trên.

Tôi đã nhập Observablebằng

import {Observable} from 'rxjs/Observable';

Tôi giả sử các thuộc tính Observablecũng được nhập khẩu ( .maphoạt động). Nhìn vào thay đổi cho rxjs.beta-6 và không có gì được đề cập catch.

Cảnh báo : Giải pháp này không được chấp nhận kể từ Angular 5.5, vui lòng tham khảo câu trả lời của Trent bên dưới

=====================

Có, bạn cần nhập toán tử:

import 'rxjs/add/operator/catch';

Hoặc nhập Observabletheo cách này:

import {Observable} from 'rxjs/Rx';

Nhưng trong trường hợp này, bạn nhập tất cả các nhà khai thác.

Xem câu hỏi này để biết thêm chi tiết:

• HTTP GET góc với lỗi TypeScript http.get (...). Map không phải là một chức năng trong [null]

Với RxJS 5.5+, catchnhà điều hành hiện không dùng nữa. Bây giờ bạn nên sử dụng catchErrortoán tử kết hợp với pipe.

RxJS v5.5.2 là phiên bản phụ thuộc mặc định cho Angular 5.

Đối với mỗi Toán tử RxJS mà bạn nhập, bao gồm cả catchErrorbạn nên nhập từ 'rxjs / toán tử' và sử dụng toán tử đường ống.

Ví dụ về lỗi bắt cho một yêu cầu http Có thể quan sát được

import { Observable } from 'rxjs';
import { catchError } from 'rxjs/operators';
...

export class ExampleClass {
  constructor(private http: HttpClient) {
    this.http.request(method, url, options).pipe(
      catchError((err: HttpErrorResponse) => {
        ...
      }
    )
  }
  ...
}

Lưu ý ở đây catchđược thay thế bằng catchErrorvà pipetoán tử được sử dụng để soạn các toán tử theo cách tương tự như những gì bạn đã sử dụng với chuỗi chấm.

Xem tài liệu rxjs về pipable (trước đây gọi là lable toán tử có thể điều ) để biết thêm thông tin.

In angular 8:
for catch:
import { catchError } from 'rxjs/operators';

for throw:
import { Observable, throwError } from 'rxjs';

and code should be written like this.

getEmployees(): Observable<IEmployee[]> {
    return this.http.get<IEmployee[]>(this.url).pipe(catchError(this.erroHandler));
  }

  erroHandler(error: HttpErrorResponse) {
    return throwError(error.message || 'server Error');
  }