Day 147/200 Vue3+Jest 安装报错备份

前言

安装过程，太坑了各种报错，记录分享给大家~

有一部分报错没记录，遇到问题可以私信我。

安装教程挺多的，但好使的没那么多。

先要注意当前的vue版本，如果你的是Vue2，那么安装的对应的库是不一样的

1、请安装对应Vue版本的Vue-Test-Utils

具体见Vue网

API Reference | Vue Test Utils for Vue 3 (2.0.0-rc.14)https://next.vue-test-utils.vuejs.org/api/

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)https://next.vue-test-utils.vuejs.org/api/

2、Jest官网

开始上手 · Jest