Vue3+Vite+Jest搭建问题
来源:2-6 Jest 命令行工具的使用

慕设计9348276
2021-10-09
老师您好,我使用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的模块引入错误,
真的很崩溃,请教老师有没有解决方法?谢谢!
写回答
1回答
-
Dell
2021-10-17
感觉还是vue-test-utils 的兼容性问题,建议等一等官方新版本工具的发布
00
相似问题