Angular2 HTTP RXJS obserwowalnych Błąd typu:.. This.http.get (...) map (...) catch nie jest funkcją

Question

Mam następujące usługi, które działa dobrze aż do dzisiaj mam ten błąd

TypeError: this.http.get(...).map(...).catch is not a function. 

Kiedy i, debugowanie tego kodu powoduje awarię, jeśli chodzi o metodę catch.

import { Test } from "./home.component"; 
import { Injectable }  from "@angular/core"; 
import { Inject } from "@angular/core"; 
import { Http , Response } from "@angular/http"; 
import { Observable }  from "rxjs/Observable"; 

@Injectable() 
export class HomeService { 
    public constructor(@Inject(Http) private http: Http) {} 

    public getData(): Observable<Test []> { 
     return this.http.get("./src/app/home/home-data.json") 
      .map(this.extractData).catch(this.handleError); 
    } 

    public extractData(res: Response) { 
     let body = res.json(); 
     return body.data || { }; 
    } 

    public handleError (error: any) { 
     // In a real world app, we might use a remote logging infrastructure 
     // We"d also dig deeper into the error to get a better message 
     let errMsg = (error.message) ? error.message : 
      error.status ? `${error.status} - ${error.statusText}` : "Server error"; 
     console.error(errMsg); // log to console instead 
     return Observable.throw(errMsg); 
    } 
    } 

Answer 1

Wygląda na to, że operator połowów nie został zaimportowany.

Można spróbować zaimportować go tak:

import 'rxjs/add/operator/catch' 

lub, bardziej ogólnie, jeśli chcesz mieć więcej sposobów obserwabli:

import 'rxjs/Rx'; 

Zobacz na to pytanie:

• Angular 2 HTTP GET with TypeScript error http.get(...).map is not a function in [null]

Answer 2

miałem ten sam problem, ale w moim przypadku problem został, miałem import wymaganych modułów kilkakrotnie w Module.ts

Answer 3

The 'O' postać w 'rxjs/O bservable' musi być Górna sprawa.

Podanie go małymi literami "o" spowoduje wyświetlenie tego i innych upiornych błędów. To musi być importowane tak:

import { Observable } from 'rxjs/Observable'; 
import 'rxjs/add/operator/catch'; 
import 'rxjs/add/observable/throw'; 

zajęło mi godzinę, żeby go znaleźć. Podczas korzystania z importu nazwy są zwykle pisane małymi literami. Po raz pierwszy widzę to. Mam nadzieję, że pomoże to innym :)