Ошибки ES6 при связывании (jspm) a React/jsx app

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