aurelia - 使用material-components-web和skelton-esnext項目時出錯

Question

我已經成功地使用了我的aurelia框架-esnext-webpack項目中的material-components-web庫，但我努力讓它們在框架中工作 - 下一個項目。

該問題似乎與事實骨架esnext項目使用jspm與system.js作爲其模塊加載程序。

我已將"@material/textfield": "npm:@material/textfield@^0.3.6"添加到我的package.json的jspm依賴項部分，這似乎將正確的@material庫安裝到我的jspm_modules/npm/@材質。

現在，當我試圖從該庫從任何我奧裏利亞視圖模型

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 (.... 

對最可能導致此問題的建議有何建議？

Answer 1

SystemJS被導入插件，而不是transpiled一個的原始源文件（你可以在那裏改變位置指向dist目錄中看到這一點，如果你看看jspm_packages/npm/@material/textfield@0.3.6.js。

您可以修復它。目錄textfield@0.3.6的。然而，它就會重寫所有的時間對潛在的更新，它不會被保存在CVS

另一個更簡單的方法，將導入正確的文件在您的視圖模型：

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