Babel-watchがロードされていない.jsxファイル

Question

Babel-watchは.jsファイルで正常に動作しているようです。

しかし、私はそれを.jsxファイルで処理することはできませんでした。^import Layout from '../components/Layout'; Cannot find module '../components/Layout'

また、それはbabel-nodeでうまく働いている（レイアウトは.jsxのファイルである）ので、私はそれが現在のソースコードの問題だとは思いません。

自分のドキュメントによると：私が試した -e, --extensions [extensions] List of extensions to hook into [.es6,.js,.es,.jsx]

：

babel-watch src/server.js --extensions [.js,.jsx]
babel-watch src/server.js --extensions [js,jsx]
babel-watch src/server.js --extensions .js --extensions .jsx
babel-watch src/server.js --extensions js --extensions jsx
...

しかし、彼らはしていないようです働いている。そうする正しい方法は何ですか？あなたはそれが.jsにデフォルト拡張子なしimportステートメントを使用する場合

Answer 1

それはbabel-の問題でしたそれ自身を見る。

この問題は2.0.3でhttps://github.com/kmagiera/babel-watch/issues/21ここに報告され、修正されました（https://github.com/kmagiera/babel-watch/releases/tag/v2.0.3-rc0）

ジャストバベルウォッチのバージョンを更新し、あなたが行くように良いはずです！

Answer 2

import Layout from '../components/Layout'; 

ので、Layout.jsになるだろうが、あなたが使用して.jsxファイルをターゲットにしている。

import Layout from '../components/Layout.jsx';