類型為“可觀察”的屬性“捕獲”不存在 <IEmployee[]> &#39;.ts（2339）通過添加導入&#39;rxjs / add / operator / catch&#39;無法解決錯誤；

Question

當我將鼠標懸停在.catch(this.errorHandler) ，我收到一條錯誤消息

類型'Observable'.ts（2339）上不存在屬性'catch'

我無法將catch函數導入角型打字稿。

當我將鼠標懸停在.catch(this.errorHandler) ，我收到一條錯誤消息

類型'Observable'.ts（2339）上不存在屬性'catch'

根據另一個堆棧文章： 屬性'catch'在類型'Observable <any>'中不存在，我應該添加：

import 'rxjs/add/operator/catch'

我也嘗試導入

import {Observable} from 'rxjs/Rx';

和

import { catchError } from 'rxjs/operators'; 

並使用catchError代替catch。

這些都不起作用

    import { Injectable } from '@angular/core';
    import { HttpClient, HttpErrorResponse } from '@angular/common/http';
    import { IEmployee } from './employee';
    import { Observable, fromEventPattern } from 'rxjs';
    import 'rxjs/add/operator/catch';
    import {catchError} from "rxjs/operators"
    import 'rxjs/add/observable/throw';

    @Injectable({
      providedIn: 'root'
    })
    export class EmployeeService {

      private _url : string = "../assets/data/employees.json";
      constructor(private http: HttpClient) { }

      getEmployees(): Observable<IEmployee[]>{
        return this.http.get<IEmployee[]>(this._url)
                        .catch(this.errorHandler)
      }
      errorHandler(error:HttpErrorResponse){
          return Observable.throw(error.message ||"Server Error")
      }
    }

Answer 1

兩個問題：

1. 使用catchError不能catch

2. 與.pipe（）一起使用

     return this.http.get<IEmployee[]>(this._url) .pipe(catchError(this.errorHandler)); 

Answer 2

試試看（catchError和throwError）：

import { Injectable } from '@angular/core';
import { HttpClient, HttpErrorResponse } from '@angular/common/http';
import { IEmployee } from './employee';
import { Observable, fromEventPattern, throwError} from 'rxjs';
import {catchError} from "rxjs/operators"

@Injectable({
  providedIn: 'root'
})
export class EmployeeService {

  private _url : string = "../assets/data/employees.json";
  constructor(private http: HttpClient) { }

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

   handleError(error: HttpErrorResponse) {

     //throwError instead of Observable.throw
      return throwError(error.error.message ||"Server Error");
  };
}