Angular2/Material2 - Uncaught SyntaxError：予期せぬトークンのインポート

Question

新しいAngular2/Material2 alpha 8.1に更新されたため、いくつかのエラーが発生しました。 まず最初に、最新のパッケージはTypescript 2.0（ "readonly"の使用）が必要なようです - typescript 2.0 betaをインストールしました。

しかし、私はページにアクセスするたびに「Uncaught SyntaxError：Unexpected token import」を取得します。

Typescript 2.0で設定/変更が必要なことはありますか？ （：ES5 aswell ...しようとしたターゲット）：任意の助け

{ 
    "compilerOptions": { 
    "lib": [ "es6", "es5", "es2015", "dom" ], 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "target": "es6", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": true, 
    "noImplicitAny": false 
    }, 
    "exclude": [ 
    "bin", 
    "node_modules", 
    "wwwroot/dist" 
    ] 
} 

おかげ

は、これが私のtsconfig.jsonです！

Answer 1

実は私は2つの間違ったことだ：

1）This answer fixed part of the problem

2）そして...ダム私を：私はなぜ言うことはできませんが、私は間違っimport文を持っていた、

代わりの

import {MdButtonToggleModule} from '@angular2-material/button-toggle'; 

は私が

import {MdButtonToggleModule} from '@angular2-material/button-toggle/button-toggle'; 

を使用しました

もちろん、間違ったモジュール形式（es2015）を指摘しています。

Answer 2

私はこの問題に遭遇しました。パッケージをセットアップし、umdバージョンのjsファイルに関連付ける必要があります。これが役立つかどうかを確認してください。

システムconfig.ts内

const packages: any = { 
.... 
    "@angular2-material/button": { 
     main: "button.umd.js", 
     defaultExtension: "js", 
     format: "cjs" 
    }, 
.... 
}; 

インポートが有効ES6であるが、ブラウザは（少なくともものにモジュールが参照）ES5側より残っているので、インポートは有効なトークンはありません。 umdバンドルはインポートを使用しません。

Answer 3

それはあなたの活字体からES6を生成し、任意の追加の前処理をせずにブラウザにまっすぐことを送っているように見え、アルファ - 8

https://github.com/angular/material2/blob/master/CHANGELOG.md