VUE2舊項(xiàng)目重新安裝依賴后@vue/compiler-sfc編譯報(bào)錯(cuò)問(wèn)題
更新時(shí)間：2025年01月24日 14:11:47 作者：前端魯班
在VUE2舊項(xiàng)目中重新安裝依賴后,如果遇到@vue/compiler-sfc編譯報(bào)錯(cuò),首先需要檢查package.json文件中的Vue版本是否升級(jí)到2.7版本,2.7版本的編譯插件不再支持/deep/這種樣式穿透,版本^和~的區(qū)別在于^只能鎖住第一位數(shù)
VUE2舊項(xiàng)目重新安裝依賴后@vue/compiler-sfc編譯報(bào)錯(cuò)
首先要看下你項(xiàng)目里 package.json是不是升到2.7版本了。
2.7版本的
模板編譯那個(gè)插件不在支持 /deep/這種樣式穿透了
這個(gè)時(shí)候會(huì)有另一個(gè)小知識(shí)點(diǎn)。版本^跟~的區(qū)別
這是我的項(xiàng)目里對(duì)應(yīng)的版本。
這時(shí)候我重新安裝依賴，npm會(huì)自動(dòng)給我升級(jí)到最新的版本了
"vue": "^2.6.11", "vue-template-compiler": "^2.6.11",
^ 只能鎖住第一位數(shù)，^3.1.4，最新版本如果升級(jí)到了3.2，在沒(méi)有l(wèi)ock文件的情況下，會(huì)自動(dòng)下載3.2版本的，只會(huì)下載最新，不會(huì)往低版本下載
~ 鎖住前兩位，原理同上
版本鎖定方案
- package.json中固定版本
- npm+package-lock.json
- yarn+yarn-lock.json
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 解決安裝vue3腳手架@vue/cli報(bào)4048錯(cuò)誤問(wèn)題
- vue3+js+elementPlus使用富文本編輯器@vueup/vue-quill詳細(xì)教程
- 解決@vue/cli安裝成功后,運(yùn)行vue -V報(bào):不是內(nèi)部或外部命令的問(wèn)題
- npm install -g @vue/cli安裝vue腳手架報(bào)錯(cuò)問(wèn)題(一般都能解決)
- 解決vue運(yùn)行報(bào)錯(cuò)Error:Cannot?find?module?'@vue/cli-plugin-babel'
- vue3中使用@vueuse/core中的圖片懶加載案例詳解
相關(guān)文章
下面小編就為大家分享一篇vue2.0 路由不顯示router-view的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
Vue中在data里面調(diào)用method方法的實(shí)現(xiàn)
這篇文章主要介紹了Vue中在data里面調(diào)用method方法的實(shí)現(xiàn)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
在Vue項(xiàng)目中用fullcalendar制作日程表的示例代碼
這篇文章主要介紹了在Vue項(xiàng)目中用fullcalendar制作日程表，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
Vue 引入AMap高德地圖的實(shí)現(xiàn)代碼
這篇文章主要介紹了Vue 引入AMap高德地圖的實(shí)現(xiàn)代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要介紹了vscode下的vue文件格式化問(wèn)題，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11
利用Vue.js實(shí)現(xiàn)checkbox的全選反選效果
最近用vue做了兩個(gè)項(xiàng)目，都需要實(shí)現(xiàn)全選反選的功能，所以想著記錄下分享給大家，方便自己或者有需要的朋友們參考講學(xué)習(xí)，所以下面這篇文章主要介紹了利用Vue.js實(shí)現(xiàn)checkbox的全選反選效果,需要的朋友可以一起來(lái)學(xué)習(xí)學(xué)習(xí)。2017-01-01
vue3+ts項(xiàng)目中.env配置環(huán)境變量與情景配置方式
本文介紹了如何在Vite中配置環(huán)境變量和不同的運(yùn)行模式,環(huán)境變量文件以.env開(kāi)頭,僅VITE_前綴的變量會(huì)被暴露,開(kāi)發(fā)模式加載.env.development,生產(chǎn)模式加載.env.production,NODE_ENV用于區(qū)分開(kāi)發(fā)和生產(chǎn)環(huán)境2024-10-10
vue實(shí)現(xiàn)某元素吸頂或固定位置顯示（監(jiān)聽(tīng)滾動(dòng)事件）
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)某元素吸頂或固定位置顯示，監(jiān)聽(tīng)滾動(dòng)事件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-12-12
vue3項(xiàng)目中各個(gè)文件的作用詳細(xì)介紹
在Vue3項(xiàng)目中,通常會(huì)有以下一些常見(jiàn)的目錄和文件,下面這篇文章主要給大家介紹了關(guān)于vue3項(xiàng)目中各個(gè)文件的作用,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
這篇文章主要介紹了vue下的@change事件的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10