aurelia - skelton-esnextプロジェクトでmaterial-components-webを使用するとエラーが発生する

Question

私はaurelia skeleton-esnext-webpackプロジェクト内のmaterial-components-webライブラリをうまく使用しましたが、スケルトン-esnextプロジェクト。

この問題は、skeleton-esnextプロジェクトがsystem.jsをモジュールローダーとしてjspmを使用していることが原因であるようです。

私のjspm_modules/npm/@ materialに正しい@materialライブラリをインストールすると思われるpackage.jsonのjspm依存関係セクションに"@material/textfield": "npm:@material/textfield@^0.3.6"を追加しました。

今、私はすべての私のアウレリア・ビュー・モデルの中から、このライブラリーから

import {MDCTextfieldFoundation} from '@material/textfield'; 

を任意のクラスにアクセスしようとしたとき、私はプロジェクト実行したときに、私は、ブラウザで次のエラーを取得する：

Error: (SystemJS) Unexpected token import 
    SyntaxError: Unexpected token import 
     at eval (<anonymous>) 
     at Object.eval (http://localhost:9000/jspm_packages/npm/@material/textfield@0.3.6.js:1:123) 
     at eval (.... 

を

この問題の原因となる可能性のあるものは何ですか？あなたはjspm_packages/npm/@material/textfield@0.3.6.jsに見れば

Answer 1

SystemJSはなくtranspiled 1のプラグインの生のソースファイルをインポートしている（あなたはこれを見ることができます。

は

あなたはそれを修正することができdistディレクトリを指すようにそこに場所を変更することにより、 。。。ディレクトリtextfield@0.3.6のしかし、それは潜在的な更新にすべての時間をオーバーライド取得し、それをCVSに保存されていない

別の、もっと簡単な方法を、あなたのビューモデルに正しいファイルをインポートするには、次のようになります。

import {MDCTextfieldFoundation} from '@material/textfield/dist/mdc.textfield';