Babel-watch没有加载.jsx文件

Question

Babel-watch似乎与.js文件一起正常工作。

然而，我还没有设法使用.jsx文件。 Cannot find module '../components/Layout'
^ import Layout from '../components/Layout'; （布局是.jsx文件）

此外，它与babel-node的工作正常，因此我认为这不是当前源代码的问题。

根据他们的文件： -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
...

但他们似乎没有工作。这样做的正确方法是什么？

Answer 1

这是babel-watch本身的一个问题。

此问题已在https://github.com/kmagiera/babel-watch/issues/21报告并在2.0.3（https://github.com/kmagiera/babel-watch/releases/tag/v2.0.3-rc0）

中修复

只需更新babel-watch的版本，你应该好好去！

Answer 2

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

当您使用不带扩展名的导入语句时，默认为.js，因此它会变为Layout.js，但您定位的是.jsx文件，请使用：

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