javascript - 捆绑 (jspm) React/jsx 应用程序时出现 ES6 错误

Question

我正在尝试使用 jspm 设置一个项目。我关注了 this很棒的教程，效果很好，除非我尝试捆绑

$> jspm bundle-sfx app.jsx! app.js --skip-source-maps --minify
Building the single-file sfx bundle for app.jsx!...

err MultipleErrors: cartItem.jsx:5:22: Unexpected token =
      cartItem.jsx:6:21: Unexpected token .
      cartItem.jsx:6:22: Unexpected token PropTypes
      cartItem.jsx:6:31: Unexpected token .
      cartItem.jsx:7:14: Semi-colon expected
      cartItem.jsx:7:14: Unexpected token :

( app.jsx 、 cartItem.jsx 和 github project )

我的印象是捆绑工具不理解 es6，对吗？

有什么建议我在这里做错了吗？

另外，文件名 app.jsx 后面的 ! 是什么意思？

Answer 1

我已经测试了以下步骤并且工作正常:

顺便说一下，我的 jspm 版本是 0.16.12，由 jspm -v 编写。

$ git clone https://github.com/egor-smirnov/egorsmirnov.me-examples.git
$ cd egorsmirnov.me-examples/react-and-es6-part-5/
$ jspm init
$ jspm install
$ jspm bundle-sfx app.jsx! app.js --skip-source-maps --minify