Day 147/200 Vue3+Jest 安裝報錯備份

前言

安裝過程,太坑了各種報錯,記錄分享給大家~

有一部分報錯沒記錄,遇到問題可以私信我。

安裝教程挺多的,但好使的沒那么多。

先要注意當(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)

開始上手 · Jest

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。