ERROR: Property 'und dann' existiert nicht auf Typ 'Held []'

Question

app.component.ts Datei

import { Component, OnInit } from '@angular/core'; 
import { Hero } from './hero'; 
import { HeroService } from './hero.service'; 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.css'], 
    providers: [HeroService] 
}) 

export class AppComponent implements OnInit{ 
    title = 'Tour of Heroes'; 
    heroes : Hero[ ]; 
    selectedHero : Hero; 
    constructor(private heroService: HeroService) { } 
     getHeroes(): void { 
    this.heroService.getHeroes().then(heroes => this.heroes = heroes); 
    }; 
    ngOnInit(): void { 
    this.getHeroes(); 
    }; 
    onSelect(hero: Hero): void{ 
    this.selectedHero = hero; 
    }; 
} 

hero.service.ts

import { Injectable } from '@angular/core'; 
import { Hero } from './hero'; 
import { HEROES } from './mock-heroes'; 

@Injectable() 
export class HeroService { 

    getHeroes(): Promise<Hero[]> { 
     return Promise.resolve(HEROES); 
    } 
} 

Wie dieses Problem zu beheben Error?

Answer 1

Ihre this.heroService.getHeroes() Methode gibt eine aufgelöste Versprechung zurück.

Es sollte

this.heroes = this.heroService.getHeroes(); 

Answer 2

Statt sein:

getHeroes(): Promise<Hero[]> { 
    return Promise.resolve(HEROES); 
} 

Try this:

getHeroes(): Promise<Hero[]> { 
    return new Promise(resolve => { 
    resolve(HEROES); 
}); 
} 

Es arbeitet

Answer 3

Ich habe den gleichen Fehler; Nachdem ich ein paar Antworten gegoogelt habe, habe ich festgestellt, dass dein Code nicht anders ist als ich und eigentlich kein Fehler. Sie müssen den ng serv nur neu starten und dann erfolgreich kompiliert werden. Referenz: Angular2 Tutorial: Promise error (type not assignable) in Service