AngularJS + WebStorm教程錯誤突出顯示錯誤？

Question

我想在這里按照Angular2教程https://angular.io/docs/ts/latest/tutorial/toh-pt4.html 。

我遇到的問題是，即使我從教程頁面復制了整個源代碼，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
];