2016-11-21 4 views
0

私はNW.jsアプリケーションを構築しています。現在はbabel-standaloneとReactで書かれています。私はES6のインポートを使用することができますが、一方でES6のエクスポートは動作しません。コンソールにはunexpected token exportが吐き出されます。どうしたの?NW.js + Babel:ES6インポートは機能しますが、エクスポートはできません。

のindex.html:

<html> 
<head> 
    <meta charset="utf-8"> 
    <script src="assets/react.min.js" charset="utf-8"></script> 
    <script src="assets/react-dom.min.js" charset="utf-8"></script> 
    <script src="assets/babel.min.js" charset="utf-8"></script> 
</head> 
<body> 
    <script type="text/babel" src="script/App.js"></script> 
</body> 
</html> 

(はい、バベルが実際に動作しますが、ものは内側にOKを実行しますリアクトので)

app.jsで

import Lib from "./script/lib.js"; 

を(そして、それは確かに輸出していますlib.jsは正しくエラーの原因となるファイルなので)

In script/lib.js:

export default class {...}; 

代わりにノードモジュールやHTMLスクリプトを使用することもできますが、それはポイントの横にあります。私はBabelが壊れていないように見えてもexportが動作しない理由を知りたいし、importでもうまくいきます。

答えて

1

バビルは、requireでロードされたファイルを表示せず、蒸散することなくそのままロードしています。

これを行うにはいくつかの方法がありますが、最も簡単な方法はビルドステップでBabelを使用する方法です。

ソースコードを処理し、処理されたコードnw.js環境をロードします。あなたが見つけることができる方法の例this boilerplate project

+0

それは私のトラブルを説明するかもしれない。私は他の回避策が何であるか知りたいと思います。なぜなら、babel-standaloneは開発がかなり快適で、今はGulpやWebpackを扱っていないからです。 – Rafael

関連する問題