AngularJS + WebStorm教程错误突出显示错误？

Question

我正在尝试按照https://angular.io/docs/ts/latest/tutorial/toh-pt4.html中的Angular2教程。

我遇到的问题是，即使我从教程页面复制了整个源代码，WebStorm也会突出显示源代码，好像出现了错误....

将指令添加到组件装饰器时似乎都出错：

@Component({
    selector: 'my-app',
    template: `
    <h1>{{title}}</h1>
    <h2>My Heroes</h2>
    <ul class="heroes">
        <li *ngFor="let hero of heroes"
            [class.selected]="hero === selectedHero"
            (click)="onSelect(hero)">
            <span class="badge">{{hero.id}}</span> {{hero.name}}
        </li>
   </ul>
   <my-hero-detail [hero]="selectedHero"></my-hero-detail>
  `,
styles: [`
],
directives: [HeroDetailComponent],
providers: [HeroService]
})

因此，毕竟WebStorm显示的内容如下：

我错过了什么？

Answer 1

@anstarovoyt

感谢您的错误评论 - 您是对的。

点击您的链接youtrack.jetbrains.com/issue/WEB-22139

我现在找到了合适的工作。

let HeroDetailComponent: any[] = [
    HeroDetailComponent
];