前言
安裝過程,太坑了各種報錯,記錄分享給大家~
有一部分報錯沒記錄,遇到問題可以私信我。
安裝教程挺多的,但好使的沒那么多。
先要注意當(dāng)前的vue版本,如果你的是Vue2,那么安裝的對應(yīng)的庫是不一樣的
1、請安裝對應(yīng)Vue版本的Vue-Test-Utils
具體見Vue網(wǎng)
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對應(yīng)的版本,需要卸載,并安裝Vue3新的版本
官網(wǎng)有教程
https://next.vue-test-utils.vuejs.org/guide/
4、換成了Vue3對應(yīng)的Jest版本,Mount還是報錯
這個問題,困擾了好久,最后發(fā)現(xiàn)是Vue-Test-Utils的版本和Vue3的版本不匹配
(就是Vue3的版本不夠新,太坑了...? NND )
更新Vue3的版本后,?可以了不報錯了
5、處理Vue3更新版本后,相關(guān)安裝包的版本
這里也很坑,比如
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官網(wǎng)