快捷導(dǎo)航

降低vue-router版本的2種解決方法實(shí)例

更新時(shí)間：2022年07月13日 14:30:43 作者：算法與編程之美

vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,適合用于構(gòu)建單頁(yè)面應(yīng)用,下面這篇文章主要給大家介紹了關(guān)于降低vue-router版本的2種解決方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

1 引言

vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，適合用于構(gòu)建單頁(yè)面應(yīng)用。當(dāng)我們?cè)诠倬W(wǎng)中安裝路由或者安裝時(shí)不注明版本，即默認(rèn)安裝router4.X，而我們創(chuàng)建的是vue2，只能結(jié)合 vue-router 3.x 版本才能使用。所以需要降低vue-router的版本。

2 方法

vue-router 4.x 只能結(jié)合 vue3 進(jìn)行使用,vue-router 3.x 只能結(jié)合 vue2 進(jìn)行使用。這里為降低vue-router版本，提供兩種解決方法：

（1）直接使用命名npm uninstall vue-router卸載原有的Vue_router

（2）添加--legacy-peer-deps保證各個(gè)引入的依賴之間對(duì)自身所使用的不同版本modules共存

1.安裝路由后，在控制臺(tái)輸入npm run serve，出現(xiàn)報(bào)錯(cuò)后立即檢查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即可繞過(guò)peerDependency自動(dòng)安裝，保證各個(gè)引入的依賴之間對(duì)自身所使用的不同版本modules共存。

npm i vue-router@3.5.2 -legacy-peer-deps

4.成功安裝版本

3 結(jié)語(yǔ)

針對(duì)降低vue-router依賴版本問(wèn)題，提出直接運(yùn)行命令npm uninstall vue-router卸載當(dāng)前版本，并重新安裝或者是為安裝命令npm i vue-router@3.5.2后添加--legacy-peer-deps的方法直接安裝“^3.5.2”版本，并進(jìn)行多次實(shí)驗(yàn)可證明兩種方法是行之有效的。后面將進(jìn)一步學(xué)習(xí)vue-router路由，解決頁(yè)面跳轉(zhuǎn)問(wèn)題。

到此這篇關(guān)于降低vue-router版本的2種解決方法的文章就介紹到這了,更多相關(guān)降低vue-router版本內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: