组件中无法访问Angular 2提供程序

Question

我是角色2的新手。我正在关注传统的快速启动应用程序，英雄之旅。

我创建了应用程序中提到的服务。

我有一个服务HeroService。用于拉取所有英雄数据。

我已将app.module文件中的HeroService作为提供程序包含在内，以便能够通过所有应用程序的应用程序访问它。

我的app.module.ts

export class HeroesComponent implements OnInit {
    constructor(private heroService: HeroService) { }
}

我想要访问HeroService获取数据的组件文件是：

{{1}}

问题是当我构建项目时，我收到这样的错误：

  

找不到名字'HeroService'。

我已正确执行了所有步骤。如果我在HeroesComponent中导入HeroService，它似乎有效。但未导入时失败。 我错过了一些步骤。据我所知，在app.module上声明提供程序会将其注册为在整个应用程序/组件中使用，而无需每次都进行导入。

如果我错了，请纠正我。

Answer 1

您还需要在组件内导入

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