降低vue-router版本的2種解決方法實例
1 引言
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，適合用于構(gòu)建單頁面應(yīng)用。當我們在官網(wǎng)中安裝路由或者安裝時不注明版本，即默認安裝router4.X，而我們創(chuàng)建的是vue2，只能結(jié)合 vue-router 3.x 版本才能使用。所以需要降低vue-router的版本。
2 方法
vue-router 4.x 只能結(jié)合 vue3 進行使用,vue-router 3.x 只能結(jié)合 vue2 進行使用。這里為降低vue-router版本，提供兩種解決方法：
（1）直接使用命名npm uninstall vue-router卸載原有的Vue_router
（2）添加--legacy-peer-deps保證各個引入的依賴之間對自身所使用的不同版本modules共存
1.安裝路由后，在控制臺輸入npm run serve，出現(xiàn)報錯后立即檢查package.json中的路由版本，發(fā)現(xiàn)版本顯示“^4.0.14”。
2.解決方法(1)：卸載原有的Vue_router,并重新下載“^3.5.2”,卸載和按照的兩種命令如下。
卸載原有路由：npm uninstall vue-router
安裝3.0版本：npm i vue-router@3.5.2
3.解決方法（2）：在命名后添加--legacy-peer-deps即可繞過peerDependency自動安裝，保證各個引入的依賴之間對自身所使用的不同版本modules共存。
npm i vue-router@3.5.2 -legacy-peer-deps
4.成功安裝版本
3 結(jié)語
針對降低vue-router依賴版本問題，提出直接運行命令npm uninstall vue-router卸載當前版本，并重新安裝或者是為安裝命令npm i vue-router@3.5.2后添加--legacy-peer-deps的方法直接安裝“^3.5.2”版本，并進行多次實驗可證明兩種方法是行之有效的。后面將進一步學(xué)習(xí)vue-router路由，解決頁面跳轉(zhuǎn)問題。
到此這篇關(guān)于降低vue-router版本的2種解決方法的文章就介紹到這了,更多相關(guān)降低vue-router版本內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細介紹了Vue.Draggable拖拽功能配置使用的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
如今Vue3的勢頭正盛，在diff算法方面也做了相應(yīng)的變化，利用到了最長遞增子序列把性能又提升了一個檔次。本文就來帶大家簡單解刨一下Vue3中的diff算法2023-02-02
這篇文章主要介紹了vue中怎樣實現(xiàn)彈出層動畫效果，由上而下漸漸顯示，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友參考下吧2020-09-09
本文主要介紹了VUE引入使用G2圖表的實現(xiàn)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
vue?調(diào)用瀏覽器攝像頭實現(xiàn)及原理解析
這篇文章主要為大家介紹了vue調(diào)用瀏覽器攝像頭實現(xiàn)及原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
vue?+elementui?項目登錄通過不同賬號切換側(cè)邊欄菜單的顏色
這篇文章主要介紹了vue?+elementui?項目登錄通過不同賬號切換側(cè)邊欄菜單的顏色,本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
vue中動態(tài)路由加載組件,找不到module問題及解決
這篇文章主要介紹了vue中動態(tài)路由加載組件,找不到module問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
Vue mixin實現(xiàn)組件功能復(fù)用示例詳解
這篇文章主要為大家介紹了Vue mixin實現(xiàn)組件功能復(fù)用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-10-10
有時候不希望已經(jīng)請求過的數(shù)據(jù),再次請求重復(fù)執(zhí)行刷新操作,我們就需要使用數(shù)據(jù)緩存,這篇文章主要給大家介紹了關(guān)于如何巧用Vue緩存函數(shù)的相關(guān)資料,需要的朋友可以參考下2021-09-09
v-for循環(huán)遍歷數(shù)據(jù),永遠不要把v-if和v-for同時用在同一個元素上,下面這篇文章主要給大家介紹了關(guān)于如何通過一文帶你詳細了解Vue中v-for的相關(guān)資料,需要的朋友可以參考下2022-10-10