angular2报错记录-@Component装饰器

版权声明：此文首发于我的个人站angular2报错记录-@Component装饰器，转载请注明出处。

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

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

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

}

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

}