Поймать свойство не существует на типа 'наблюдаемый '

на странице документации Angular 2 для использования службы Http есть пример.

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

я клонировал angular2-webpack-starter проект и добавил приведенный выше код сам.

я импортировал Observable используя 

import {Observable} from 'rxjs/Observable';

Я предполагаю, что свойства Observable импортируется, а (.map работает). Посмотрел на список изменений для rxjs.бета-6 и ничего не упоминается о catch.

2 89
javascript angularjs typescript rxjs

2 ответа:

Да, вам нужно импортировать оператора:

import 'rxjs/add/operator/catch';

или импорт Observable таким образом:

import {Observable} from 'rxjs/Rx';

но в этом случае вы импортируете все операторы.

смотрите этот вопрос для более подробной информации:

205

С RxJS 5.5+,catch оператор теперь устарел. Теперь вы должны использовать catchError оператор в сочетании с pipe.

RxJS v5.5.2-это версия зависимости по умолчанию для Angular 5.

для каждого импортируемого оператора RxJS, включая catchError вы теперь должны импортировать с rxjs/операторов и использовать оператор трубы.

пример перехвата ошибки для Http-запроса Наблюдаемый

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

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

обратите внимание, что catch заменяется catchError и pipe оператор используется для составления операторов аналогично тому, что вы привыкли с точечной цепочкой.

смотрите документацию rxjs на pipable (ранее известный как lettable) операторы для получения дополнительной информации.

42