捆綁（jspm）React/jsx應用時出現ES6錯誤

我試圖用jspm設置一個項目。我有如下this偉大的教程和它的作品非常好，除了當我嘗試捆綁捆綁（jspm）React/jsx應用時出現ES6錯誤

$> 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的含義？

來源

2015-12-26 Jeanluca Scaljeri

這篇文章的作者在這裏:)謝謝！ '！'表示加載的文件不是JavaScript文件，而是其他內容（在這種情況下爲JSX）。這是JSPM本身所強制的。 –

偉大的職位，非常感謝！ –

我測試下面的步驟，它工作正常：

順便說一句，我的JSPM版本是由0.16.12jspm -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

來源

2015-12-29 17:54:25 Joey

我已經完成了這些步驟，現在我不能再現它了，所以我猜想在某種程度上有些事情已經搞砸了。 Thnx很多！ –

我可以再次重現它。現在我每次運行該命令時都會收到錯誤信息。我使用jspm版本0.16.27和節點v0.10.40（和5.3.0）。我也試過使用0.17.0-beta6，但是我得到一個'no這樣的文件或目錄，打開'/home/dev/workspace/tmp/egorsmirnov.me-examples/react-and-es6-part-5/babel'' –

捆綁（jspm）React/jsx應用時出現ES6錯誤

回答

相關問題