Javascript 解析承诺时Angular2错误：类型'；承诺<；英雄[]>'；不可分配给类型'；英雄[]和#x27；

更新

我正在遵循来自的Angular2教程

这是heros.component.ts对HeroService的调用

英雄.组件.ts

import { Component , OnInit } from '@angular/core';

import { Hero } from './hero';

import { HeroService } from './hero.service';



@Component({
  selector: 'my-heroes',
  template: `


        <h2>My Heroes</h2>
        <ul class="heroes">
            <li *ngFor="let hero of heroes">
                 <span class="badge">{{hero.id}}</span> {{hero.name}}
            </li>
         </ul> `,

})

export class HeroesComponent 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();
    }


}

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

@Injectable()
export class HeroService{
    getHeroes() { 
       return Promise.resolve(HEROES);
     }
}

我得到以下编译时错误：

错误TS2322:类型“Promise”不可分配给类型“Hero[]”。 类型“Promise”中缺少属性“length”

---

请建议。

更改

英雄：英雄[]到<代码>英雄：任何

解决了该问题，但是控制台返回错误，因为

ngFor

仅支持

iterables

。

---

最后，代码会编译，应用程序会运行，但我发现有一个小问题会造成干扰

您能否显示这两个功能所在位置的完整

组件
代码？您可以排除您的代码块中未提及的任何内容。在教程的该页，您应该将模拟英雄导入英雄服务。您正确导入了吗<代码>从“/mock heros”导入{heromes}当然，用HeroEsc列表定义moch heroes文件，您可以提供完整的错误行吗？它应该提到一个文件和行号。我有点怀疑，但电话号码可以确定。告诉我们错误中的行号指的是你问题中的哪一行。我在教程中也有类似的错误。重新启动服务器修复了我的问题。看见