Property 'map' does not exist on type 'Observable<Response>' when using angular version 2.4.9, typescript & webpack version 2.2.1

Question

I am trying to access web api methods from Angular 2 application, i am able to get the records using web api. But the problem is, service.ts file showing Property 'map' does not exist on type 'Observable' error.

Sample Code:

    import { Injectable } from '@angular/core';
    import { Http } from '@angular/http';
    import { Observable } from 'rxjs/Observable';
    import 'rxjs/Rx';

    @Injectable()
    export class ContactServices 

    {

        private url = 'http://localhost:51498/api/test/';
        constructor(private http: Http) { }

        getContacts():Observable<Object[]> {
            return this.http.get(this.url + 'GetContacts')
                .map(response => response.json())
                .catch(error => {
                    console.log(error);
                    return Observable.throw(error);
                });
        }

        getContactById(id: number) {
            return this.http.get(this.url + 'GetContactList/' + id)
                .map(response => <Contact[]>response.json())
                .catch(error => {
                    console.log(error);
                    return Observable.throw(error);
                });
        }
    }

export class Contact {
    Id: number;
    Name: string;
    Details: string;
}

I am using below versions,

webpack 2.2.1
angular 2.4.9
node 6.10.0
npm 4.1.2
typescript 2.2.1

Possible duplicate of Property 'map' does not exist on type 'Observable<Response>' — ranakrunal9
i have tried using 'rxjs/Rx' and 'rxjs/add/operator/map' still it's showing error — Venkateswaran R
Are you sure you have put all relevant code? I dont see Contact import.. — Suraj Rao
I have put all relevant codes and also i am able to access DB records using web api. Contact is just a model object which is export class Contact { Id: number; Name: string; Details: string; } — Venkateswaran R

Venkateswaran R Venkateswaran R · Accepted Answer · 2017-03-13T11:15:12

The problem is TypeScript version. I have mentioned that, it is 2.2.1 version but my system is having 1.8.3 version. So only the problem occur. Thanks for who and all reviewing this problem.

Property 'map' does not exist on type 'Observable<Response>' when using angular version 2.4.9, typescript & webpack version 2.2.1

2 Answers