javascript - ts2322 - La propiedad ''catch'' no existe en el tipo ''Observable<any>''

type observable object>'' is not assignable to type any[]''

Question

En la página de documentación de Angular 2 para usar el servicio Http, hay un ejemplo.

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

angular2-webpack-starter el proyecto angular2-webpack-starter y agregué el código anterior.

Observable usando

import {Observable} from ''rxjs/Observable'';

Supongo que las propiedades Observable se importan ( .map funciona). Miró el registro de cambios para rxjs.beta-6 y no se menciona nada sobre catch .

Answer 1

Con RxJS 5.5+, el operador catch ahora está en desuso. Ahora debe usar el operador catchError junto con pipe .

RxJS v5.5.2 es la versión de dependencia predeterminada para Angular 5.

Para cada operador RxJS que importe, incluido catchError , ahora debe importarlo desde ''rxjs / operadores'' y usar el operador de tubería.

Ejemplo de error de captura para una solicitud Http Observable

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) => {
        ...
      }
    )
  }
  ...
}

Observe aquí que catch se reemplaza por catchError y el operador de pipe se usa para componer los operadores de manera similar a lo que está acostumbrado con el encadenamiento de puntos.

Consulte la documentación de pipable sobre pipable (anteriormente conocidos como lettable ) para obtener más información.

Answer 2

Sí, debe importar el operador:

import ''rxjs/add/operator/catch'';

O importe Observable esta manera:

import {Observable} from ''rxjs/Rx'';

Pero en este caso, importa todos los operadores.

Vea esta pregunta para más detalles:

• Angular 2 HTTP GET con error de TypeScript http.get (...). Map no es una función en [nulo]