我已经完成了天使超级英雄的教程。都很好用。
如果我关闭运行NPM的cmd窗口,然后重新打开CMD窗口并重新发出NPM START命令,我会得到两个错误
src/app/DashBoard.component.ts(12,44) TS2304 : Cannot find name 'OnInit'.
src/app/hero-list.component.ts(16, 434) TS2304 : Cannot find name 'OnInit'.
我可以通过删除
Implements OnInit
从这两个类,运行NPM start re-add them(简单的在编辑器中CTL Z)做一些修改,保存。应用程序重新编译,我关闭并运行。
我有4个类实现这个功能,我研究过它们,想不出是什么让2失败...
我读过引用TS 2304的帖子,但这似乎是一个通用的函数/变量/符号未找到消息...
我不知道要发布什么。我很乐意发布任何代码。
这是否是由所依赖的模块(hero.ts)中的错误引起的?
这里有一个类就是以这种方式失败的,这个类就是hero-list.component.ts文件(在演示/在线示例中的不同地方,这个文件也被命名为Heroes. component..)
import { Component } from '@angular/core';
import { Router } from '@angular/router';
import { Hero } from './hero';
import { HeroService } from './hero.service';
@Component({
selector: 'hero-list',
templateUrl: './hero-list.component.html' ,
providers: [HeroService],
styleUrls: [ './hero-list.component.css']
})
export class HeroListComponent implements OnInit {
heroes : Hero[];
selectedHero: Hero;
constructor(
private router : Router ,
private heroService: HeroService
) { }
ngOnInit(): void {
this.getHeroes();
}
onSelect(hero: Hero): void {
this.selectedHero = hero;
}
getHeroes(): void {
this.heroService.getHeroes().then(heroes => this.heroes = heroes);
}
gotoDetail() {
this.router.navigate(['/detail', this.selectedHero.id]);
}
add(name: string): void {
name = name.trim();
if (!name) { return; }
this.heroService.create(name)
.then(hero => {
this.heroes.push(hero);
this.selectedHero = null;
});
}
delete(hero: Hero): void {
this.heroService
.delete(hero.id)
.then(() => {
this.heroes = this.heroes.filter(h => h !== hero);
if (this.selectedHero === hero) { this.selectedHero = null; }
});
}
}
5条答案
按热度按时间xlpyo6sf1#
您必须导入OnInit。
vx6bjr1n2#
tutorial没有提到您需要将OnInit的导入添加到TypeScript文件 app.component.ts:
uoifb46i3#
仅导入OnInit
7gyucuyw4#
必须在ts部件中导入OnInit。
v09wglhw5#
从“@angular/core”导入{组件,OnInit };