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 的兼容性问题,建议等一等官方新版本工具的发布

0
0

前端要学的测试课 从Jest入门到 TDD/BDD双实战

自动化测试实战 Vue / React 项目,让技术水平和架构思维双提升

1434 学习 · 350 问题

查看课程