vue項(xiàng)目依賴升級(jí)報(bào)錯(cuò)處理方式
vue項(xiàng)目依賴升級(jí)報(bào)錯(cuò)處理
1.Vue Router 升級(jí)到3.5.1報(bào)錯(cuò)：Navigation cancelled from "/login" to "/" with a new navigation
原因：Vue Router內(nèi)部報(bào)錯(cuò)沒(méi)有進(jìn)行catch處理導(dǎo)致的編程式導(dǎo)航跳轉(zhuǎn)問(wèn)題,往同一地址跳轉(zhuǎn)時(shí)會(huì)報(bào)錯(cuò)，push和replace 都會(huì)導(dǎo)致這個(gè)情況的發(fā)生
import Vue from 'vue'
import VueRouter from 'vue-router';
?
Vue.use(Router)
//解決Vue Router在3.0版本以上push重復(fù)點(diǎn)擊報(bào)錯(cuò)
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location, onResolve, onReject) {
? ? if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject)
? ? return originalPush.call(this, location).catch(err => err)
}
//解決Vue Router在3.0版本以上replace重復(fù)重定向報(bào)錯(cuò)
const originalPushs = VueRouter.prototype.replace
VueRouter.prototype.replace = function replace(location, onResolve, onReject) {
? ? if (onResolve || onReject) return originalPushs.call(this, location, onResolve, onReject)
? ? return originalPushs.call(this, location).catch(err => err)
}
Vue.use(VueRouter);2.依賴升級(jí)后遇到的問(wèn)題由autoprefixer版本引起的 warning：
Second Autoprefixer control comment was ignored. Autoprefixer applies control comment to whole block, not to next rules
解決方法：
// 將樣式中像下面的寫(xiě)法 /* autoprefixer: off */ .... /* autoprefixer: on */ // 改為 ?? ? /* autoprefixer: ignore next */
3.編譯器報(bào): start value has mixed support, consider using flex-start instead
start值具有混合支持，請(qǐng)考慮改用flex-start
解決方法：
全局ctrl+F搜索align-items: start;改為align-items: flex-start;
全局ctrl+F搜索justify-content: start;改為justify-content: flex-start;
4.編譯器報(bào): end value has mixed support, consider using flex-end instead
解決方法：
全局ctrl+F搜索align-items: end;改為align-items: flex-end;
全局ctrl+F搜索justify-content: end;改為justify-content: flex-end;
當(dāng)啟動(dòng)vue項(xiàng)目安裝依賴時(shí)報(bào)錯(cuò)
當(dāng)啟動(dòng)vue項(xiàng)目安裝依賴時(shí)報(bào)錯(cuò)暫時(shí)想到四個(gè)原因：
1.node版本低，升級(jí)到新版本
2.執(zhí)行npm cache clean，再重新npm install
3.如果是下載依賴包失敗的話，可以使用cnpm淘寶鏡像下載，或者yarn下載安裝
4.報(bào)錯(cuò)一般都會(huì)有錯(cuò)誤提示，根據(jù)錯(cuò)誤提示進(jìn)行操作
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue3父子組件傳參有關(guān)sync修飾符的用法詳解
這篇文章主要給大家介紹關(guān)于前端Vue3父子組件傳參有關(guān)sync修飾符的用法詳細(xì)解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助2021-09-09
我們正常在開(kāi)發(fā)項(xiàng)目中,表格的風(fēng)格是一致的,但是表格或多或少會(huì)有些不同,有些是需要分頁(yè),有些是按鈕功能不同,有些又需要加Tag,或者對(duì)時(shí)間進(jìn)行格式化等,這篇文章主要介紹了elementPlus表格二次封裝過(guò)程,需要的朋友可以參考下2024-07-07
Vue.prototype全局變量的實(shí)現(xiàn)示例
在Vue中可以使用Vue.prototype向Vue的全局作用域添加屬性或方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2024-06-06
vue項(xiàng)目index.html中使用環(huán)境變量的代碼示例
在Vue3中使用環(huán)境變量的方式與Vue2基本相同,下面這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目index.html中使用環(huán)境變量的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02
Vue實(shí)現(xiàn)dom元素拖拽并限制移動(dòng)范圍的操作代碼
這篇文章主要介紹了Vue實(shí)現(xiàn)dom元素拖拽并限制移動(dòng)范圍的操作代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-12-12
Element樹(shù)形控件整合帶圖標(biāo)的下拉菜單(tree+dropdown+input)
Element UI 官網(wǎng)提供的樹(shù)形控件包含基礎(chǔ)的、可選擇的、自定義節(jié)點(diǎn)內(nèi)容的、帶節(jié)點(diǎn)過(guò)濾的以及可拖拽節(jié)點(diǎn)的樹(shù)形結(jié)構(gòu)，本文實(shí)現(xiàn)了樹(shù)形控件整合帶圖標(biāo)的下拉菜單，感興趣的可以了解一下2021-07-07
這篇文章主要介紹了在vue中使用setInterval的方法示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
moment轉(zhuǎn)化時(shí)間戳出現(xiàn)Invalid Date的問(wèn)題及解決
這篇文章主要介紹了moment轉(zhuǎn)化時(shí)間戳出現(xiàn)Invalid Date的問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-05-05
這篇文章主要介紹了vue?指令與過(guò)濾器，本文通過(guò)案例代碼給大家詳細(xì)講解，給大家講解的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-11-11
Vue實(shí)現(xiàn)docx、pdf格式文件在線預(yù)覽功能
在業(yè)務(wù)中，如果遇到文檔管理類(lèi)的功能，會(huì)出現(xiàn)需要在線預(yù)覽的業(yè)務(wù)需求，本文主要是通過(guò)第三方庫(kù)來(lái)實(shí)現(xiàn)文檔預(yù)覽功能，并將其封裝成preview組件,感興趣的可以了解一下2022-09-09