angular - 名前の約束が見つかりません

Question

angular2 で Promise を使用する際に問題が発生しています。angular docs で提案されているように、すべてのファイルをインポートしました。しかし、「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';

なぜこれが起こっているのですか？

score 0 · Accepted Answer

以下を import セクションに追加します。

import { Observable } from 'rxjs/Rx'

this.http.get(...)コードで行ったように追加することにより、約束を返すことができるオブザーバブルを返しtoPromise()ます。さらに、ES6のデフォルトクラスであるため、約束のために他に何もインポートする必要はありません。

以下も参照してください。

お役に立てれば。

angular - 名前の約束が見つかりません

1 に答える 1

Related

Reference