AngularJS + WebStorm Tutorial Fehlerhafte Fehlermarkierung?

Question

Ich versuche, das Angular2 Tutorial hier https://angular.io/docs/ts/latest/tutorial/toh-pt4.html zu folgen.

Das Problem, das ich ist begegnen, dass, obwohl ich die ganze Quellcode der Seite Tutorial kopiert WebStorm den Quellcode wird hervorgehoben, als ob es ein Fehler war ....

Es scheint alles schief zu gehen, wenn das Hinzufügen die Richtlinien zur Komponente Dekorateur:

@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] 
}) 

So nach allen was WebStorm Displays wie folgt aussieht:

Was fehlt mir?

Answer 1

@anstarovoyt

Dank für diesen Fehler Kommentar - Sie haben Recht.

Nach Ihrem Link youtrack.jetbrains.com/issue/WEB-22139

fand ich eine angemessene Arbeit für jetzt um.

let HeroDetailComponent: any[] = [ 
    HeroDetailComponent 
];