捆绑 (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, and github project)

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

对我做错了什么有什么建议吗？

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

Answer 1

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

顺便说一下，我的 jspm 版本是 0.16.12 by 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

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

ES6 errors when bundling (jspm) a React/jsx app

javascript

ecmascript-6

reactjs

react-jsx

jspm