aurelia-在skelton esnext项目中使用材质组件web时出错

我已经在aurelia skeleton esnext网页包项目中成功地使用了material components web库，但我正在努力让它们在skeleton esnext项目中工作

问题似乎在于骨架esnext项目使用jspm和system.js作为其模块加载器

我已将

“@material/textfield”：“npm:@material/textfield@^0.3.6”

添加到my package.json的jspm依赖项部分，该部分似乎将正确的@material库安装到了我的jspm_模块/npm/@material中

现在，当我试图从我的aurelia视图模型中访问这个库中的任何类时

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

错误：（SystemJS）意外的令牌导入
SyntaxError:意外的令牌导入
评估时（）
在Object.eval(http://localhost:9000/jspm_packages/npm/@材料/textfield@0.3.6.js:1:123)
评估时（。。。。

---

关于什么最有可能导致此问题的建议？

SystemJS正在导入插件的原始源文件，而不是传输的源文件（如果查看

jspm\u packages/npm/@material，您可以看到这一点）/textfield@0.3.6.js

您可以通过将其中的位置更改为指向目录

dist的
目录来修复它textfield@0.3.6
。但是，在可能的更新中，它会一直被覆盖。并且它不会保存在CVS中

另一种更简单的方法是在视图模型中导入正确的文件：

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

SystemJS正在导入插件的原始源文件，而不是传输的源文件（如果查看
jspm\u packages/npm/@material，您可以看到这一点）/textfield@0.3.6.js

您可以通过将其中的位置更改为指向目录
dist的
目录来修复它textfield@0.3.6
。但是，在可能的更新中，它会一直被覆盖。并且它不会保存在CVS中

另一种更简单的方法是在视图模型中导入正确的文件：

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

感谢marc scheib，这修复了错误。一个简单的问题我们现在引用@material/textfield/dist/mdc.textfield，但jspm_packages/npm中的实际文件夹/文件是@material/textfield@0.3.6/dist/mdc.textfield我想jspm知道忽略@0.3.6部分吗？谢谢marc scheib这修复了错误。一个简单的问题我们现在参考@material/textfield/dist/mdc.textfield，但jspm_packages/npm中的实际文件夹/文件是@material/textfield@0.3.6/dist/mdc.textfield我想jspm知道忽略@0.3.6部分吗？