web-dev-qa-db-ja.com

エラー：プロパティ 'then'はタイプ 'Hero []'に存在しません

app.component.tsファイル

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

このエラーを解決するには？

angularjsangulartypescript
11
Om Patel

this.heroService.getHeroes()メソッドは解決されたpromiseを返します。

そのはず

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

同じエラーが発生しました。いくつかの回答をグーグル検索した後、あなたのコードは私と何ら変わりはなく、実際にはエラーがないことがわかりました。 ng serveを再起動するだけで、正常にコンパイルされます。参照： Angular2チュー​​トリアル：サービスでのプロミスエラー（タイプは割り当て不可）

17
early

代わりに：

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

これを試す：

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

それは働いています

2
usefulBee