在使用第三方+ Preact时无法找到模块“React”

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]⎯

这与本期类似，但我已经在使用preact/preact了，所以，我不知道自己做错了什么。

Answer 1

您需要运行以下命令：

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

看来Vitest不能有效地化名。