vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，適合用于構(gòu)建單頁面應用。當我們在官網(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”版本，并進行多次實驗可證明兩種方法是行之有效的。后面將進一步學習vue-router路由，解決頁面跳轉(zhuǎn)問題。

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

您可能感興趣的文章: