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

Question

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

这是从教程中复制粘贴的。我不明白为什么它会抛出错误，也不明白如何修复它。有什么想法吗？

Answer 1

解决办法好像是HTML5Backend部分需要用大括号括起来{ HTML5Backend }:

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

正确

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

不是。