使用React Testing Library进行Vitest测试时出现“Unexpected Token”错误。

Question

我正在使用React与ViteJS和Vitest进行测试。正如您可以在下面的截图中看到的那样，我已经为Vitest设置了配置和测试设置文件。

vite.config.js

src/test/setup.ts

src/app/App.tsx

src/app/App.spec.js

这是我收到的错误信息：

我在类似问题的许多来源上找到了很多资料，但是我尝试过的所有方法都没有起作用。我还遵循了vite配置文档和许多文章的说明。每个人都在说同样的事情，但出于某种原因，我仍然遇到了这个错误。

- SaboSuke

Answer 1

对于大多数人来说，这可能是显而易见的，但在我的情况下，问题是测试文件也必须以".jsx"结尾，当尝试测试一个".jsx"文件时。

App.test.jsx适用于App.jsx

- Patrick

---

我遇到了同样的问题。这个方法对我也有效:) 谢谢Patrick。 - undefined

Answer 2

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

- SaboSuke

Answer 3

我认为您忘记将@testing-library 添加到 vite.config.js 别名对象中了。

- Jay F.