前言
安装过程,太坑了各种报错,记录分享给大家~
有一部分报错没记录,遇到问题可以私信我。
安装教程挺多的,但好使的没那么多。
先要注意当前的vue版本,如果你的是Vue2,那么安装的对应的库是不一样的
1、请安装对应Vue版本的Vue-Test-Utils
具体见Vue网
API Reference | Vue Test Utils for Vue 3 (2.0.0-rc.14)
2、Cannot find module 'babel-jest'
安装babel-jest
yarn add --dev babel-jest @babel/core
3、shallowMount报错
这个是安装的jest 版本是Vue2对应的版本,需要卸载,并安装Vue3新的版本
官网有教程
https://next.vue-test-utils.vuejs.org/guide/
4、换成了Vue3对应的Jest版本,Mount还是报错
这个问题,困扰了好久,最后发现是Vue-Test-Utils的版本和Vue3的版本不匹配
(就是Vue3的版本不够新,太坑了... NND )
更新Vue3的版本后, 可以了不报错了
5、处理Vue3更新版本后,相关安装包的版本
这里也很坑,比如
ant-design
tailwindcss
postcss
postcss-plugin
PostCSS 8
......
这里贴一个不大好找的版本更新:
PostCSS plugin tailwindcss requires PostCSS 8
https://tailwindcss.com/docs/installation#post-css-7-compatibility-build
如果有问题,可以私信我~
以上
参考链接
1、vue-官方断言库-Vue-test-utils
API Reference | Vue Test Utils for Vue 3 (2.0.0-rc.14)
2、Jest官网