无法导入ES6 react模块

Question

Repro

https://github.com/jim-king-2000/nextbugrepro

详细信息

我创建了一个非常简单的react组件。

const My = () => (<div>ABC</div>);
export default My;

它在一个独立的图书馆项目（https://github.com/jim-king-2000/react-module）中。

现在我在另一个项目中使用该组件。

// index.js
import { My } from 'react-module';


// package.json
"dependencies": {
  ...
  "react-module": "git+https://github.com/jim-king-2000/react-module.git"
}

然后，node.js抱怨：

error  in ./node_modules/react-module/components/My.js

Module parse failed: Unexpected token (1:18)
You may need an appropriate loader to handle this file type.


const My = () => (<div>ABC</div>);
export default My;
./node_modules/react-module/index.js 1:0-32 1:0-32
@ ./pages/index.js
@ multi ./pages/index.js

问题

如何构建ES6 react npm库？

Answer 1

您需要设置babel编译才能编译jsx，而jsx似乎在package.json中缺少了

Answer 2

经过几个小时的调查，我发现该库必须转换为ES5。我希望我们将来可以使用ES6 npm模块。