Angular2：（SystemJS）予期しないトークン] SyntaxError：予期しないトークン]？

Question

私は角度2を学ぶためにAngularsのホームページ（ヒーローのツアー）のチュートリアルを進めてきましたが、サービスについての章を実行するときに問題を抱えました。 アプリを実行すると上記のエラーメッセージが表示され、どこでも何も見つかりません。だから私はこれが何を意味するのかを私に説明できる誰かがいるのだろうかと思っていたのですか？私は似たような問題について話題を見つけるだけですが、文字は<であり、エラーはむしろ誤った構文エラーです。

"use strict"; 
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 
    return c > 3 && r && Object.defineProperty(target, key, r), r; 
}; 
var __metadata = (this && this.__metadata) || function (k, v) { 
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 
}; 
var core_1 = require('@angular/core'); 
var forms_1 = require('@angular/forms'); 
var platform_browser_1 = require('@angular/platform-browser'); 
var app_component_1 = require('./app.component'); 
var hero_detail_component_1 = require('./hero-detail.component'); 
var AppModule = (function() { 
    function AppModule() { 
    } 
    AppModule = __decorate([ 
     core_1.NgModule({ 
      imports: [ 
       platform_browser_1.BrowserModule, 
       forms_1.FormsModule 
      ], 
      declarations: [ 
       app_component_1.AppComponent, 
       hero_detail_component_1.HeroDetailComponent 
      ], 
      bootstrap: [ 
       app_component_1.AppComponent 
      ] 
     }), 
     __metadata('design:paramtypes', []) 
    ], AppModule); 
    return AppModule; 
}()); 
exports.AppModule = AppModule; 
//# sourceMappingURL=app.module.js.map 

Thrown Error

Answer 1

だから私はこの問題を自分で解決しました。 問題は、1つのオブジェクトプロパティを変数に設定して、代わりにAngular2が予期しないトークンを見つけられるようにすることでした。 これは私がこのようにコロンの代わりに等号を設定した場所の下の英雄的な英雄でした。

export class HeroesComponent implements OnInit { 

heroes = Hero[]; **//THIS CREATES THE ERROR, = SHOULD BE REPLACED WITH ://** 
selectedHero: Hero; 

constructor(private heroService: HeroService) { } 

getHeroes(): void { 
    this.heroService.getHeroes().then(heroes => this.heroes = heroes); 
} 

ngOnInit(): void{ 
    this.getHeroes(); 
} 


onSelect(hero: Hero): void { 
    this.selectedHero = hero; 
} 
}