Vitest 与 React 测试库“意外令牌”

Question

我正在使用 React 与 ViteJS 和 Vitest 进行测试。我也设置了 vitest 的配置和测试设置文件，如下面的屏幕截图所示。

vite.config.js

src/test/setup.ts

src/app/App.tsx

src/app/App.spec.js

这是我收到的错误：

我找到了很多关于该主题的类似问题的资料，但我尝试的任何方法都不起作用。我还遵循了 vite 配置的文档和很多文章。每个人都在说同样的事情，但由于某种原因我仍然收到此错误。

Answer 1

这对大多数人来说可能是显而易见的，但就我而言，问题是当尝试测试“.jsx”文件时，测试文件也必须以“.jsx”结尾。

App.test.jsx为**工作App.jsx

Answer 2

我在 jest 中使用了相同的配置，效果很好。但在这种情况下，我陷入困境，然后尝试将文件名重命名为.tsxor.jsx而不是.tsor .js。之后，我重新运行测试文件，一切开始工作。