Angular2 jspm gulp typescript予期しないトークン@

Question

私は角度2とそれに付随するすべての技術について学び始めました。私はgulp-jspm-buildを使って私のミニバージョンとコンパイル版を作成しようとしています。 TSファイル。 問題はこのエラーが発生し、解決方法がわかりません。

SyntaxError: app/menu/component.ts: Unexpected token (8:0) 
    6 | import {OnInit} from "@angular/core/metadata/lifecycle_hooks"; 
    7 | 
> 8 | @Component({ 
    |^
    9 |  selector: '[menu]', 
    10 |  templateUrl: 'app/menu/template.html', 
    11 | }) 
    at Parser.pp.raise... 

私はtypings.jsonファイルを持っていません、それはそれと関係がありますか？

Answer 1

まず、あなたは彼らが（tsconfig.jsonやイサキ/ゴクゴク構成で）まだネイティブにサポートされていないとして、あなたは、デコレータで作業あなたのtranspilerに伝える必要があります：

{ 
    "compilerOptions": { 
     ... 
     "experimentalDecorators": true, <- here 

そして、あなたは持っています

import { Component } from '@angular/core';

詳細情報here：角度からコンポーネントのクラスをインポートします。

typings.jsonについてのご質問はありません。このファイルはタイピング（npm install -g typings）によって使用され、タイプスクリプトの種類を管理します。これは、TransilerとIDEがES6またはES5で書かれた外部ライブラリの使用方法（タイプコピーのないタイプ）を理解するのに役立ちます。 詳細については、hereを参照してください。