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

3403771864 發(fā)布于2022-09-22 21:39 / 867人閱讀

　　在Vue.js官方的路由插件中，vue-router和vue.js是深度集成的，這類頁面適合用于構(gòu)建單頁面應(yīng)用。但要注意是由于無法注明版本，一般就默認(rèn)安裝router4.X，但我們創(chuàng)建的是vue2，只能結(jié)合 vue-router 3.x 版本才能使用?，F(xiàn)在需要降低版本。

　　方法

　　我們知道vue-router 4.x 只能結(jié)合 vue3 進(jìn)行使用,vue-router 3.x 只能結(jié)合 vue2 進(jìn)行使用?，F(xiàn)在為降低vue-router版本，有兩種解決辦法：

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

　?。?）添加--legacy-peer-deps保證各個引入的依賴之間對自身所使用的不同版本modules共存

　　1.在完成上面安裝之后，控制臺輸入npm run serve就報(bào)錯，現(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 [email protected]

　　3.解決方法（2）：在命名后添加--legacy-peer-deps即可繞過peerDependency自動安裝，保證各個引入的依賴之間對自身所使用的不同版本modules共存。

　　[email protected]

　　成功安裝版本

　　解決由于低版本vue-router問題，然后再去運(yùn)行命令npm uninstall vue-router來卸載當(dāng)前版本，完成之后要在重新安裝或者是為安裝命令npm i [email protected]后添加--legacy-peer-deps的方法直接安裝“^3.5.2”版本，這是我目前學(xué)習(xí)有效方法思路。

GPU云服務(wù)器云服務(wù)器 Error的2種方法在家賺錢的十種方法數(shù)據(jù)遷移的四種方法 js緩存的幾種方法

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/127817.html

相關(guān)文章

Vue 2.0 升（cai）級（keng）之旅

摘要：前言這節(jié)凈是些嘮叨，只想看升級的可直接跳過。在不久之前，如約發(fā)布了版本。正如計(jì)劃之初，博客的版本也將升級到。升級之旅首先，升級依賴。那該怎么做哪再一次谷哥和查閱文檔，然而一無所獲。返回的是整個項(xiàng)目路由的實(shí)例，它是只讀的。 Troubleshooting of upgrading Vue from 1.0 to 2.0 系列文章: Vue 2.0 升（cai）級（keng）之旅 (本...

lidashuang 2019-08-21 14:16 評論0 收藏0
vue-router 3.0版本中 router.push 不能刷新頁面的問題

摘要：分析原因?qū)嵗蟮牟荒芩⑿马撁?，?yīng)該是因?yàn)樗c全局的中的的不是同一個，而之前的版本中能直接這樣使用，應(yīng)該是使用了單例。在 github 的 vue-router 中找到同樣的一個問題：3.0.1版本通過router實(shí)例無法跳轉(zhuǎn) 昨天發(fā)現(xiàn)有些路由不能正常跳轉(zhuǎn)，找了一下發(fā)現(xiàn)都是那些實(shí)例化后使用 router.push 而不是直接使用 this.$router.push 的地方。出現(xiàn)的情況是...

xingqiba 2019-08-22 17:06 評論0 收藏0
前端路由簡介以及vue-router實(shí)現(xiàn)原理

摘要：后端路由簡介路由這個概念最先是后端出現(xiàn)的。前端路由模式隨著的流行，異步數(shù)據(jù)請求交互運(yùn)行在不刷新瀏覽器的情況下進(jìn)行。通過這些就能用另一種方式來實(shí)現(xiàn)前端路由了，但原理都是跟實(shí)現(xiàn)相同的。后端路由簡介路由這個概念最先是后端出現(xiàn)的。在以前用模板引擎開發(fā)頁面時，經(jīng)常會看到這樣 http://www.xxx.com/login 大致流程可以看成這樣：瀏覽器發(fā)出請求服務(wù)器監(jiān)聽到80端口（或4...

tuomao 2019-08-26 11:56 評論0 收藏0
vue-router 一些容易被忽略的知識點(diǎn)

摘要：調(diào)用全局的守衛(wèi)。在被激活的組件里調(diào)用。用創(chuàng)建好的實(shí)例調(diào)用守衛(wèi)中傳給的回調(diào)函數(shù)。本文適用于對 Vue.js 和 vue-router 有一定程度了解的開發(fā)者除特殊說明，vue-router 版本為 3.0.2 正文路由 class 匹配路由匹配后會給該標(biāo)簽添加 class 屬性值 .router-link-active，該功能在嵌套路由中十分方便 class 的實(shí)際屬性值可以通...

chunquedong 2019-08-23 14:58 評論0 收藏0
vue進(jìn)階面試題

摘要：面試的時候，相關(guān)技術(shù)原理也一定是必考點(diǎn)。好了，進(jìn)入正題，今天在這里給大家?guī)硪稽c(diǎn)的進(jìn)階面試題。指令是直接銷毀和重建達(dá)到讓元素顯示和隱藏的效果。 Vue 越來越受歡迎了。放眼國內(nèi)外，不管是 BAT 等大廠，還是創(chuàng)業(yè)公司，Vue 都有廣泛的應(yīng)用。面試的時候，Vue 相關(guān)技術(shù)原理也一定是必考點(diǎn)?？梢哉f，對于任何一個前端工程師來說，掌握 Vue 可能不是一個可選項(xiàng)，而更像一門必修課。很多人做...

Donald 2019-08-23 16:10 評論0 收藏0