vue項(xiàng)目依賴升級報(bào)錯(cuò)處理方式

第vue項(xiàng)目依賴升級報(bào)錯(cuò)處理方式目錄vue項(xiàng)目依賴升級報(bào)錯(cuò)處理當(dāng)啟動vue項(xiàng)目安裝依賴時(shí)報(bào)錯(cuò)

vue項(xiàng)目依賴升級報(bào)錯(cuò)處理

1.VueRouter升級到3.5.1報(bào)錯(cuò)：Navigationcancelledfrom/loginto/withanewnavigation

原因：VueRouter內(nèi)部報(bào)錯(cuò)沒有進(jìn)行catch處理導(dǎo)致的編程式導(dǎo)航跳轉(zhuǎn)問題,往同一地址跳轉(zhuǎn)時(shí)會報(bào)錯(cuò)，push和replace都會導(dǎo)致這個(gè)情況的發(fā)生

importVuefrom'vue'

importVueRouterfrom'vue-router';

Vue.use(Router)

//解決VueRouter在3.0版本以上push重復(fù)點(diǎn)擊報(bào)錯(cuò)

constoriginalPush=VueRtotype.push

VueRtotype.push=functionpush(location,onResolve,onReject){

if(onResolve||onReject)returnoriginalPush.call(this,location,onResolve,onReject)

returnoriginalPush.call(this,location).catch(err=err)

//解決VueRouter在3.0版本以上replace重復(fù)重定向報(bào)錯(cuò)

constoriginalPushs=VueRtotype.replace

VueRtotype.replace=functionreplace(location,onResolve,onReject){

if(onResolve||onReject)returnoriginalPushs.call(this,location,onResolve,onReject)

returnoriginalPushs.call(this,location).catch(err=err)

Vue.use(VueRouter);

2.依賴升級后遇到的問題由autoprefixer版本引起的warning：

SecondAutoprefixercontrolcommentwasignored.Autoprefixerappliescontrolcommenttowholeblock,nottonextrules

解決方法：

//將樣式中像下面的寫法

/*autoprefixer:off*/

/*autoprefixer:on*/

//改為

/*autoprefixer:ignorenext*/

3.編譯器報(bào):startvaluehasmixedsupport,considerusingflex-startinstead

start值具有混合支持，請考慮改用flex-start

解決方法：

全局ctrl+F搜索align-items:start;改為align-items:flex-start;

全局ctrl+F搜索justify-content:start;改為justify-content:flex-start;

4.編譯器報(bào):endvaluehasmixedsupport,considerusingflex-endinstead

解決方法：

全局ctrl+F搜索align-items:end;改為align-items:flex-end;

全局ctrl+F搜索justify-content:end;改為justify-content:flex-end;

當(dāng)啟動vue項(xiàng)目安裝依賴時(shí)報(bào)錯(cuò)

當(dāng)啟動vue項(xiàng)目安裝依賴時(shí)報(bào)錯(cuò)暫時(shí)想到四個(gè)原因：

1.node版本低，升級到新版本

2.執(zhí)行npmcacheclean，再重新npminstall

3.如果是下載依賴包