Property 'toPromise' does not exist on type 'Observable<Response>'

77
votes
import { Headers, Http } from '@angular/http';

@Injectable()
export class PublisherService{

    private publishersUrl = 'app/publisher';

    constructor(private http: Http) { }

    getPublishers(): Promise<Publisher[]>{
        return this.http.get(this.publishersUrl)
                   .toPromise()
                   .then(response => response.json().data) 
                   .catch(this.handleError);
    }
}

I am getting this error:

Property 'toPromise' does not exist on type 'Observable'.any

3
angulartypescriptrxjsangular2-services
Normally, it's not a good idea to convert observables into promises. Observables are way more powerful - Dinistro
For anyone else who stumbles on this (it was the top google link for me), see the below which comes from one of the linked answers github.com/Microsoft/TypeScript/issues/… As it says, in Visual Studio 2015 you can fix this by updating your version of typescript via microsoft.com/en-us/download/details.aspx?id=48593 - tony

3 Answers

158
votes

You need to add the operator like this:

import 'rxjs/add/operator/toPromise';

This is needed for every rxjs operator you want to use.

10
votes

Try adding 'Response' to your import statement from '@angular/http' like this :

import {Http, Headers, Response} from '@angular/http';

Also i noticed you don't import Ingectable from angular core although you use @Injectable decorator.

import { Injectable } from '@angular/core';
6
votes

use this import at the beginning

import {Observable} from "rxjs/Rx";