2016-11-29 113 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; 
} 
} 
相關問題