2016-11-29 108 views
-2

我一直在浏览Angulars自己的主页(英雄之旅)上的教程来学习Angular 2,但是在做关于服务的章节时偶然发现了一个问题。 当运行应用程序时,我收到上面的错误消息,我无法找到任何地方的任何地方。所以我想知道是否有人可以向我解释这是什么意思?我只找到类似问题的主题,但后来的角色是<,错误是一个未捕获的语法错误。Angular2:(SystemJS)Unexpected token] SyntaxError:Unexpected token]?

"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

+3

也许这是一个语法错误,所以你应该在这里发布你的代码,至少应该在代码中指明错误。如果这是一个语法错误,我们不能不看你的*代码,如果你从该网站复制它没关系 –

+0

我在想这是这种情况,但我很愤怒,因为我不' t在控制台错误中指出的任何地方找到它..我会粘贴代码给我一秒 – Sajruss

+0

@HugoFarji你认为这是在appmodule返回之前的行结束? (__metadata('design:paramtypes',[])],AppModule);) – Sajruss

回答

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; 
} 
} 
相关问题