安装“react-dnd”和“react-dnd-html5-backend”无法找到“react/jsx-runtime”
warning:
这篇文章距离上次修改已过192天,其中的内容可能已经有所变动。
报错解释:
这个报错通常意味着你的项目在尝试安装react-dnd
和react-dnd-html5-backend
时,无法找到react/jsx-runtime
模块。react/jsx-runtime
是React 17及以上版本引入的新JSX转换,它不包含对JSX的处理,只提供了相关的运行时函数。
解决方法:
- 确保你的项目使用的React版本是17或以上。如果不是,请升级React到最新稳定版本。
- 如果你已经是React 17或更高版本,确保你的
package.json
中的依赖是正确的,并且没有任何版本冲突。 - 确保你的项目构建配置(如Webpack、Babel等)已正确设置以使用新的JSX转换。
- 如果你使用的是Create React App创建的项目,请确保你没有手动修改任何配置,Create React App内部已经处理了这些事情。
- 如果问题依旧存在,尝试删除
node_modules
文件夹和package-lock.json
或yarn.lock
文件,然后重新运行npm install
或yarn install
来重新安装依赖。
如果你的项目不需要使用JSX转换,你也可以考虑安装旧版本的react-dnd
和react-dnd-html5-backend
,这些版本不依赖于新的JSX转换。但是,这通常不是推荐的做法,因为它可能与现代React项目的其他依赖和实践不兼容。
评论已关闭