Vite构建React项目报错：@preact/signals-react v1.3.6无法导入'react/jsx-runtime'的'default'

问题概述 #

使用Vite构建React项目时，仅在构建阶段出现报错，开发阶段无异常。报错指向@preact/signals-react v1.3.6模块中尝试导入react/jsx-runtime的default导出，但该模块并未提供default导出。

环境信息 #

• Vite 4.2.0
• @preact/signals-react 1.3.6
• React项目

错误信息 #

'default' is not exported by 'react/jsx-runtime', imported by
'node_modules/@preact/signals-react/dist/signals.module.js'

临时解决方案 #

将@preact/signals-react版本降级至1.1.1：

npm install @preact/signals-react@1.1.1
# 或使用yarn
yarn add @preact/signals-react@1.1.1

结果验证 #

• 使用@preact/signals-react 1.3.6时，构建阶段触发上述报错
• 降级至1.1.1版本后，构建报错消失，项目可正常编译

内容的提问来源于stack exchange，提问作者ScaleUp