2017-02-03 27 views
1

私はBabel.jsとWebpackでパッケージ化しているes6モジュールを作成しました。私はそこにそれを使用することができるようにreplにこのモジュールをロードできるようにしたいので、babel-nodeを得るためにbabel-cliをインストールしました。このことにより、repl内のes6モジュールをインポート

> import Point from './js/model/Point' 
SyntaxError: repl: Modules aren't supported in the REPL 
> 1 | import Point from './js/model/Point' 
    |^

をしかし、私は驚いた:私はこれで驚いていなかったので、私は「予想通りES6スタイルのモジュールのロードが機能しない場合があります」という通知を見た

> var Point = require('./js/model/Point') 
/Users/brianmc7/workspace/tetris-crush/js/model/Point.js:2 
export default class Point { 
^^^^^^ 
SyntaxError: Unexpected token export 

何がありますか?私がreplにそれらを必要とするとき、babel-node transpileファイルはありませんか? JavaScript repl、またはいくつかの簡単な回避策はありますか? Webpackは私のプロジェクトをうまくコンパイルするので、構文エラーがないことが分かります。

+1

あなたがtraspileに使用している.babelrcとコマンド/スクリプトを表示できますか? – GMaiolo

+0

@ゴラダイキンハハ、ありがとう、持っていなかった。すべての設定は 'webpack.config.js'にあり、webpackの外で実行したときにBabelはそこを見ることを知らなかった。問題が解決しました。 –

答えて

2

あなたのwebpack.config.jsにあなたのベベルの設定を持っているだけで、babel-node(当然のことながら振り返ります)では機能しません。 Goliadkinさんの私の質問へのコメントは私の問題を解決した.babelrcの作成につながった。この最小構成は、私が必要としていただけのものでした。

{ 
    presets: ['es2015'] 
} 
+0

偉大な、それは解決としてマークする必要があります! – GMaiolo

+0

@Goliadkinは大好きですが、私は自分の答えを受け入れるのに2日間待たなければなりません。しかし、もう一度助けてくれてありがとう! –

+0

明確にするために、あなたは 'require'をREPLで動作させることができましたが、' import'ではできませんでしたか?私が知ることから、[インポートはできません](https://github.com/babel/babel/issues/1264#issuecomment-93230455) – Marklar

関連する問題