前言
安裝過(guò)程嫂沉,太坑了各種報(bào)錯(cuò),記錄分享給大家~
有一部分報(bào)錯(cuò)沒(méi)記錄杏糙,遇到問(wèn)題可以私信我。
安裝教程挺多的蚓土,但好使的沒(méi)那么多。
先要注意當(dāng)前的vue版本蜀漆,如果你的是Vue2,那么安裝的對(duì)應(yīng)的庫(kù)是不一樣的
1确丢、請(qǐng)安裝對(duì)應(yīng)Vue版本的Vue-Test-Utils
具體見(jiàn)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報(bào)錯(cuò)
這個(gè)是安裝的jest 版本是Vue2對(duì)應(yīng)的版本描函,需要卸載搂赋,并安裝Vue3新的版本
官網(wǎng)有教程
https://next.vue-test-utils.vuejs.org/guide/
4益缠、換成了Vue3對(duì)應(yīng)的Jest版本,Mount還是報(bào)錯(cuò)
這個(gè)問(wèn)題幅慌,困擾了好久,最后發(fā)現(xiàn)是Vue-Test-Utils的版本和Vue3的版本不匹配
(就是Vue3的版本不夠新齿诞,太坑了...? NND )
更新Vue3的版本后骂租,?可以了不報(bào)錯(cuò)了
5、處理Vue3更新版本后渗饮,相關(guān)安裝包的版本
這里也很坑,比如
ant-design
tailwindcss
postcss
postcss-plugin
PostCSS 8
......
這里貼一個(gè)不大好找的版本更新:
PostCSS plugin tailwindcss requires PostCSS 8
https://tailwindcss.com/docs/installation#post-css-7-compatibility-build
如果有問(wèn)題私蕾,可以私信我~
以上
參考鏈接
1胡桃、vue-官方斷言庫(kù)-Vue-test-utils
API Reference | Vue Test Utils for Vue 3 (2.0.0-rc.14)
2、Jest官網(wǎng)