La propriété 'toPromise" n'existe pas sur le type " Observables<Réponse>'

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

J'obtiens cette erreur:

Propriété "toPromise" n'existe pas sur le type 'Observables'.tout

  • Normalement, ce n'est pas une bonne idée de convertir les phénomènes observables dans les promesses. Les phénomènes Observables sont bien plus puissants
  • Pour quelqu'un d'autre qui trébuche sur ce (c'était le top de google lien pour moi), voir ci-dessous, qui vient de l'un des sites les réponses github.com/Microsoft/TypeScript/issues/... Comme il est dit, dans Visual Studio 2015, vous pouvez résoudre ce problème en mettant à jour votre version de la machine à l'aide de microsoft.com/en-us/download/details.aspx?id=48593
InformationsquelleAutor MiHawk | 2016-06-29
  1. 156

    Vous devez ajouter l'opérateur comme ceci:

    import 'rxjs/add/operator/toPromise';

    Ce qui est nécessaire pour chaque rxjs de l'opérateur que vous souhaitez utiliser.

    InformationsquelleAutor Dinistro
  2. 10

    Essayer d'ajouter de la "Réponse" à votre déclaration d'importation à partir de '@angulaire/http'
    comme ceci :

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

    Aussi, j'ai remarqué que vous n'importez pas les Ingectable angulaires de base
    bien que vous utilisez @Injectable décorateur.

    import { Injectable } from '@angular/core';
    • J'ai aussi mis à jour le systemjs.config.js et suivi les suggestions sur cette page. Maintenant à sa fin.
    • salut MiHawk, ce que vous avez fait la mise à jour dans le systemjs.config.js?, Je suis également à la suite de la angular.io/docs/ts/latest/tutorial/toh-pt6.html, coincé ici
    • Alors, quelle a été la réponse, il n'est pas indiqué ce qui résout ce problème
    • J'ai installé la dernière version de la Machine outils de la version 2.X microsoft.com/en-us/download/details.aspx?id=48593 et cela a réglé le problème, mais a créé 209 autres. Le reste de la solution était de quitter Visual Studio et exécuter >npm mise à jour) enregistrer (en tant qu'administrateur). un couple de paquets a échoué à mettre à jour, mais quand je lance Visual Studio Bower/mnp automatiquement mis à jour le reste et tout est bon.
    InformationsquelleAutor Shai Barak
  3. 6

    utiliser cette importation au début

    import {Observable} from "rxjs/Rx";
    • très mauvaise idée, cette importations de l'ensemble de la RXJS de la bibliothèque qui est vraiment grand et sera massivement augmenter votre temps de chargement de page.
    • Je ne le pense pas.. nous utilisons importer { component } à partir de "@angulaire/core"; de nombreux endroits droite ce devrait l'être aussi mauvais alors ?
    • importer {Observables} à partir de 'rxjs/Observables'; est ce que vous voulez ... ce sera d'importer juste Observables, si vous ne rxjs/Rx puis il va importer tous RxJS et d'utiliser uniquement la Observables, un réel ralentissement. Supprimer toute référence à rxjs/RX et de regarder la réduction massive du net demandes et la vitesse de la vitesse de chargement des pages.
    InformationsquelleAutor imal hasaranga perera