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