Angular 2 beta.17: Property 'map' does not exist on type 'Observable<Response>' Angular 2 beta.17: Property 'map' does not exist on type 'Observable<Response>' angular angular

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 featuresimport { 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:enter image description 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.