Question

我已经通过Angulars自己的主页（英雄之旅）上的教程来学习Angular 2，但在做关于服务的章节时偶然发现了一个问题。运行应用程序时，我收到上面的错误消息，我无法在任何地方找到任何信息。所以我想知道是否有人可以向我解释这意味着什么？我只找到类似问题的主题，但后来角色是＆lt;而错误是一个未被捕获的语法错误。

"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

所以我自己解决了这个问题。问题是我已经将一个对象属性设置为变量，这使得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;
}
}

Angular2：（SystemJS）意外的令牌] SyntaxError：意外的令牌]？

1 个答案: