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

问题描述

我是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'

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

解决方法

解决方案似乎是HTML5Backend部分需要用大括号{ HTML5Backend }包裹：

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

是正确的

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

不是。