webpack报错: "Can't resolve 'react/jsx-runtime' "

webpack运行编译时，当出现了下面的报错信息， Can't resolve 'react/jsx-runtime'

我现在依赖的版本是

"react-dnd": "^16.0.1",
"react": "^17.0.2",

解决方法：

1. react版本更新到18+

npm install react@lastest 

2. 将react-dnd版本降为15

npm install react-dnd@15,