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

【问题标题】：ES6 errors when bundling (jspm) a React/jsx app捆绑 (jspm) React/jsx 应用程序时出现 ES6 错误
【发布时间】：2015-12-26 21:19:02
【问题描述】：

我正在尝试使用 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 后面的! 是什么意思？

【问题讨论】：

这篇文章的作者在这里 :) 谢谢！ ! 表示加载的文件不是 JavaScript 文件，而是其他文件（在这种情况下为 JSX）。这是 JSPM 本身强制要求的。
好帖子，非常感谢！！

标签： javascript reactjs ecmascript-6 react-jsx jspm

【解决方案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 版本 0.16.27 和节点 v0.10.40（和 5.3.0）。我也尝试过使用 0.17.0-beta6 但后来我得到了no such file or directory, open '/home/dev/workspace/tmp/egorsmirnov.me-examples/react-and-es6-part-5/babel'