javascript - 使用第三方React UI库时找不到模块 'react' - Vite + Preact

Question

我在这个 Vite 启动的存储库中遇到了这个问题。

https://github.com/vicainelli/vite-starter

我使用的是Vite + Preact + Vitest + 测试库

如果我在代码库内测试任何代码，它工作正常，但如果测试针对使用外部库中的另一个组件的某个组件运行，我会收到此错误。

⎯⎯⎯⎯⎯⎯ Failed Suites 1 ⎯⎯⎯⎯⎯⎯⎯

 FAIL  src/components/Button.test.js [ src/components/Button.test.js ]
 ❯ Object.<anonymous> node_modules/@mantine/styles/cjs/theme/MantineProvider.js:5:13

Test Files  1 failed | 1 passed (2)
     Tests  2 passed (2)
Error: Cannot find module 'react'
Require stack:
- /home/runner/work/vite-starter/vite-starter/node_modules/@mantine/styles/cjs/theme/MantineProvider.js
- /home/runner/work/vite-starter/vite-starter/node_modules/@mantine/styles/cjs/index.js
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯

这类似于 this issue ，但我已经在使用 preact/compact，所以，我不知道我做错了什么。

Answer 1

您需要运行以下命令:

yarn add react@npm:@preact/compat react-dom@npm:@preact/compat

看起来 Vitest 无法有效地别名。