AngularJS+；WebStorm教程高亮显示错误？

我在这里尝试学习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]
})

@组件({
选择器：“我的应用程序”，
模板：`
{{title}}
我的英雄


{{hero.id}{{hero.name}


`,
风格：[`
],
指令：[HeroDetailComponent]，
提供者：[服务]
})

所以WebStorm显示的内容看起来是这样的：

我错过了什么？

@anstarovoyt

谢谢你的错误评论-你是对的

跟随你的链接

我现在找到了一份合适的工作

let HeroDetailComponent: any[] = [
    HeroDetailComponent
];

@安斯塔罗沃特

谢谢你的错误评论-你是对的

跟随你的链接

我现在找到了一份合适的工作

let HeroDetailComponent: any[] = [
    HeroDetailComponent
];

---

不清楚的。错误消息是什么？在您的设置中，您需要指定使用ECMAScript 6的javascript版本：首选项>语言和框架>javascript>javascript语言Version@DayanMorenoLeon这不是ES6。这是Typescript。是的，你可能是对的，没有足够仔细地观看，但仍然切换到harmony，安装Typescript插件应该会有帮助。这是一个bug。已在WS2016.2中修复。错误消息是什么？在您的设置中，您需要指定使用ECMAScript 6的javascript版本：首选项>语言和框架>javascript>javascript语言Version@DayanMorenoLeon这不是ES6。这是Typescript。是的，你可能是对的，没有足够仔细地观看，但仍然切换到harmony，安装Typescript插件应该会有帮助。这是一个bug。已在WS2016.2测试版中修复