Vue3+Vite+Jest搭建问题

Question

老师您好，我使用Vue3+Vite+Jest搭建单元测试环境，可是总是报这个错：
Cannot find module ‘…/src/components/TodoList.vue’ from ‘src/tests/todo.test.js’

  1 | import { mount } from '@vue/test-utils'
> 2 | import TodoApp from '../src/components/TodoList.vue'
    | ^
  3 |
  4 | test('creates a todo', () => {
  5 |     const wrapper = mount(TodoApp)

  at Resolver.resolveModule (node_modules/jest-resolve/build/index.js:306:11)
  at Object.<anonymous> (src/__tests__/todo.test.js:2:1)

尝试了各种方法，包括引入babel.config.json,内容：
{
“presets”: ["@babel/preset-env", “@vue/app”]
}，
将jest的版本统一降到26，与vue-jest里的package.json对应，
在jest.config.js里设置transform值： ‘^.+\.(vue)$’: ‘/node_modules/vue-jest’, 各种依赖包安装和卸载，各种配置调整。。。
但都还是报这种es6的模块引入错误，

真的很崩溃，请教老师有没有解决方法？谢谢！

Answer 1

Dell 2021-10-17 22:47:20

感觉还是vue-test-utils 的兼容性问题，建议等一等官方新版本工具的发布