Unexpected value ‘AnyComponent’ declared by the module ‘AppModule’…

此报错的原因：
因为装饰器@component需要紧挨着要导出的组件，没有这个修饰符,你的组件并不是一个真正的组件，只是一个类。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
@Component({
  selector: 'app-hero-app',
  templateUrl: './hero-app.component.html',
  styleUrls: ['./hero-app.component.scss']
})	//这里必须紧挨着，不能换行，这样的装饰器紧接着的类才是一个组件
export class HeroAppComponent implements OnInit {
    title = 'Tour of Heroes';
    heroes = HEROES;
    selectedHero: Hero;
    constructor() { }

    ngOnInit() {
    }
    onSelect(hero: Hero): void {
        this.selectedHero = hero;
    }

}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
@Component({
  selector: 'app-hero-app',
  templateUrl: './hero-app.component.html',
  styleUrls: ['./hero-app.component.scss']
})	//下边有了一个换行，这样就会报错     
	

export class HeroAppComponent implements OnInit {
    title = 'Tour of Heroes';
    heroes = HEROES;
    selectedHero: Hero;
    constructor() { }

    ngOnInit() {
    }
    onSelect(hero: Hero): void {
        this.selectedHero = hero;
    }

}