Angular 2 beta.17: Property 'map' does not exist on type 'Observable<Response>'
You need to import the map
operator:
import 'rxjs/add/operator/map'
I upgraded my gulp-typescript plugin to the latest version (2.13.0) and now it compiles without hitch.
UPDATE 1: I was previously using gulp-typescript version 2.12.0
UPDATE 2: If you are upgrading to the Angular 2.0.0-rc.1, you need to do the following in your appBoot.ts file:
///<reference path="./../typings/browser/ambient/es6-shim/index.d.ts"/>
import { bootstrap } from "@angular/platform-browser-dynamic";
import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
import { HTTP_PROVIDERS } from '@angular/http';
import { AppComponent } from "./path/AppComponent";
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/toPromise';
// import 'rxjs/Rx'; this will load all features
import { enableProdMode } from '@angular/core';
import { Title } from '@angular/platform-browser';
//enableProdMode();
bootstrap(AppComponent, [
ROUTER_PROVIDERS,
HTTP_PROVIDERS,
Title
]);
The important thing being the reference to es6-shim/index.d.ts
This assumes you have installed the es6-shim typings as shown here:
More on the typings install from Angular here: https://angular.io/docs/ts/latest/guide/typescript-configuration.html#!#typings
Rxjs 5.5 “ Property ‘map’ does not exist on type Observable.
The problem was related to the fact that you need to add pipe around all operators.
Change this,
this.myObservable().map(data => {})
to this
this.myObservable().pipe(map(data => {}))
And
Import map like this,
import { map } from 'rxjs/operators';
It will solve your issues.