如何解决“react-dnd-html5-backend”不包含默认导出？

Posted 2023-05-08

【中文标题】如何解决“react-dnd-html5-backend”不包含默认导出？

【英文标题】：How to resolve 'react-dnd-html5-backend' does not contain a default export?

【发布时间】：2020-12-01 08:32:31

【问题描述】：

我是 React 新手，并试图模拟此处的行拖放代码：https://react-table-omega.vercel.app/docs/examples/row-dnd

如果我打开沙盒，所有默认代码都可以正常工作。如果我在本地复制粘贴代码，编译时会出现以下错误：

Attempted import error: 'react-dnd-html5-backend' does not contain a default export (imported as 'HTML5Backend')

我使用npm install react-dnd-html5-backend --save 安装了该库，并且没有对其进行任何修改。

导入行是：

import HTML5Backend from 'react-dnd-html5-backend'

从教程中复制粘贴。我不明白为什么它会引发错误，也不知道如何解决它。有什么想法吗？

【参考方案1】：

解决办法好像是HTML5Backend部分需要用大括号包裹 HTML5Backend :

import HTML5Backend from 'react-dnd-html5-backend'

是正确的

import HTML5Backend from 'react-dnd-html5-backend'

不是。