Webpack问题(nodeExternals)

我在webpack上面临以下问题:

1 --------------------

webpack.config.js :

{
//...
target: "async-node",
externalsPresets: { node: true },  
externals: [nodeExternals(),],  
//...
}

一旦应用程序启动,我会在浏览器控制台中收到以下消息:

jsx-runtime":1 Uncaught ReferenceError: require is not defined
    at react/jsx-runtime (jsx-runtime":1:1)

因为react/jsx运行时使用require(!=导入语法)

2 --------------------

但如果我删除中的上述行 webpack.config.js 那么我会得到多个错误,例如:

• 未捕获的类型错误:(0,[…]_ WEBPACK_IMPORTED_MODULE ${num}__。[…])不是[在浏览器控制台中]的函数(在运行dev期间)
• 在[终端控制台中]的“react hook form”中找不到导出“useForm”(导入为“useForms”)(在生成过程中)

再现错误的最小代码:

https://github.com/Julien280/issueWebPack/tree/main

1. npm运行构建
2. npm运行dev

(顺便说一句,我曾经 npx create-react-app ${appName} --template typescript 初始化应用程序)

我试图将项目恢复到commonjs(导入语法es6->const…需要语法commonjs),但这实际上是不可能的,因为我广泛使用es6功能