Name nicht gefunden Promise

Question

Ich habe Probleme mit Promise in angular2. Ich habe alle Dateien importiert, wie von eckigen Dokumenten vorgeschlagen. Aber erhalte den Fehler "Name kann nicht gefunden werden". Unten ist mein Code:

import { Injectable } from '@angular/core'; 
import { Headers, Http, Response } from '@angular/http'; 
import 'rxjs/add/operator/toPromise'; 
@Injectable() 
export class StorefrontService { 
    private sfUrl = 'app/storefront/storefront.component.json'; // URL to mock json 
    constructor(private http: Http) { } 
    getSfItems(): Promise<any[]> { 
     return this.http.get(this.sfUrl) 
      .toPromise() 
      .then(this.extractData) 
      .catch(this.handleError); 
    } 
    private extractData(res: Response) { 
     let body = res.json(); 
     return body.data || {}; 
    } 
    private handleError(error: Response | any) { 
     // In a real world app, we might use a remote logging infrastructure 
     let errMsg: string; 
     if (error instanceof Response) { 
      const body = error.json() || ''; 
      const err = body.error || JSON.stringify(body); 
      errMsg = `${error.status} - ${error.statusText || ''} ${err}`; 
     } else { 
      errMsg = error.message ? error.message : error.toString(); 
     } 
     console.error(errMsg); 
     return Promise.reject(errMsg); 
    } 
} 

Muss das Promise-Objekt von irgendwo importiert werden? Ich habe versucht, aus der rxjs-Bibliothek zu importieren, aber es hat nicht funktioniert.

import { Promise } from 'rxjs/Promise'; 

Eine Idee, warum das passiert?

Answer 1

die folgenden Import Abschnitt hinzufügen:

import { Observable } from 'rxjs/Rx' 

this.http.get(...) wird eine beobachtbare zurück, die ein Versprechen durch Zugabe von toPromise() wie Ihr haben in Ihrem Code zurückgeben kann. Darüber hinaus müssen Sie nichts anderes für Versprechen importieren, da es sich um eine Standardklasse in ES6 handelt.

siehe auch:

• https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/topromise.md
• https://docs.google.com/document/d/1ksBjyCgwuiEUGn9h2NYQGtmQkP5N9HbehMBgaxMtwfs/edit#heading=h.adsv85z7smgj
• https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Promise

Hoffnung, das hilft.