升级ZenDesk Garden 9.5.3后测试与构建失败求助

环境信息 #

• Linux Mint 21.3 Virginia（基于Ubuntu 22.04）
• Node v20.18.0

依赖冲突起因 #

刚接触React，基于ZenDesk官方文档创建React应用，需使用@zendeskgarden/react-forms组件。首次安装时触发依赖冲突：当前项目使用的@zendeskgarden/react-theming@8.76.3，不满足@zendeskgarden/react-forms@9.5.3要求的>=9.0.0版本。

升级后的连锁问题 #

升级@zendeskgarden/react-theming后，npm提示存在4个中等安全漏洞，执行npm audit fix --force将vite升级至6.2.5、vitest升级至3.1.1，随后出现两个核心问题：

1. 测试运行错误 #

执行vitest时抛出错误：

require() of ES Module /.../react-merge-refs/dist/index.mjs not supported
明确要求改用动态import()。

2. 生产环境表单无法显示 #

控制台报错信息包含：

• Uncaught Error: An error occurred
• useTiming: reportFn was not set

已尝试的无效操作 #

• 删除node_modules和package-lock.json后重新执行npm install，测试错误仍未解决
• 已通过mockMatchMedia.js修复matchMedia相关问题，完整vite配置文件已准备就绪

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