Node.js Can'；t导入ES6反应模块 复制

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

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

然后，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

./node_modules/react module/components/My.js中的

错误
模块分析失败：意外令牌（1:18）
您可能需要适当的加载程序来处理此文件类型。
常数My=（）=>（ABC）；
导出默认我的；
./node_modules/react module/index.js 1:0-32 1:0-32
@./pages/index.js
@多页/pages/index.js

问题

---

如何构建ES6 react npm库？

为了编译jsx，您需要设置babel compile，而您的包中似乎缺少jsx。json

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

这是一条网页信息。Webpack配置在哪里？我使用next.js，它隐式使用Webpack。从import语句中删除大括号我没有直接使用My.js。有一个index.js，它像这样重新导出“我的”。/components/My'；”。所以，花括号没问题。你可以查看一下复制程序。

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