Не можете найти имя Promise

Question

У меня возникли проблемы с использованием Promise в угловом2. Я импортировал все файлы, как это было предложено угловыми документами. Но получите ошибку «Не могу найти имя Promise». Ниже мой код:

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); 
    } 
} 

Является ли объект Promise необходимо импортировать откуда-то? Я попытался импортировать из библиотеки rxjs, но это не сработало.

import { Promise } from 'rxjs/Promise'; 

Любая идея, почему это происходит?

Answer 1

Добавьте следующие строки в раздел импорта:

import { Observable } from 'rxjs/Rx' 

this.http.get(...) возвратит наблюдаемый, который может вернуть обещание, добавив toPromise() как ваши сделали в своем коде. тем не менее, вы не должны импортировать ничего другого для обещания, поскольку это класс по умолчанию в ES6.

Смотри также:

• 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

надеюсь, что это помогает.