Angular2: (SystemJS) Unerwartetes Token SyntaxError: Unerwartetes Token]?

Question

Ich bin durch das Tutorial auf Angulars eigener Homepage (die Tour der Helden) gegangen, um Angular 2 zu lernen, bin aber auf ein Problem gestoßen, als ich das Kapitel über Services gemacht habe. Beim Ausführen der App bekomme ich die obige Fehlermeldung, die ich nirgends finden kann. Also habe ich mich gefragt, ob es irgendjemanden gibt, der mir erklären könnte, was das bedeutet? Ich finde nur Themen zu einem ähnlichen Problem, aber dann ist das Zeichen < und der Fehler ist eher ein nicht abgefangener Syntaxfehler.

"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

So löste ich das Problem selbst. Das Problem war, dass ich eine Objekteigenschaft so eingestellt hatte, dass sie eine Variable wurde, die Angular2 so lesen ließ, dass sie das unerwartete Token fand. Dies war die Eigenschaft Helden unten, wo ich also ein Gleichheitszeichen anstelle von Doppelpunkt gesetzt hatte.