资讯专栏INFORMATION COLUMN

降低vue-router版本的2种解决方法实例

3403771864 / 10人阅读

  在Vue.js官方的路由插件中,vue-router和vue.js是深度集成的,这类页面适合用于构建单页面应用。但要注意是由于无法注明版本,一般就默认安装router4.X,但我们创建的是vue2,只能结合 vue-router 3.x 版本才能使用。现在需要降低版本。

  方法

  我们知道vue-router 4.x 只能结合 vue3 进行使用,vue-router 3.x 只能结合 vue2 进行使用。现在为降低vue-router版本,有两种解决办法:

  (1)直接使用命名npm uninstall vue-router卸载原有的Vue_router

  (2)添加--legacy-peer-deps保证各个引入的依赖之间对自身所使用的不同版本modules共存

1.jpg

  1.在完成上面安装之后,控制台输入npm run serve就报错,现在来检查package.json中的路由版本,发现版本显示“^4.0.14”。

2.png

3.png

  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共存。

  npmivue-router@3.5.2-legacy-peer-deps

  成功安装版本

  解决由于低版本vue-router问题,然后再去运行命令npm uninstall vue-router来卸载当前版本,完成之后要在重新安装或者是为安装命令npm i vue-router@3.5.2后添加--legacy-peer-deps的方法直接安装“^3.5.2”版本,这是我目前学习有效方法思路。


文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/127817.html

相关文章

  • Vue 2.0 升(cai)级(keng)之旅

    ...。 升(tian)级(keng)之旅 首先,升级依赖。 npm install vue@next vue-router@next --save import vue 顺利安装完成并按 changelog 做了修改之后,启动项目也正常,当我兴致勃勃地打开 Browser,驾轻就熟地输入 localhost,并自然而然地按下 Enter,一切...

    lidashuang 评论0 收藏0
  • vue-router 3.0版本中 router.push 不能刷新页面问题

    在 github vue-router 中找到同样一个问题:3.0.1版本通过router实例无法跳转 昨天发现有些路由不能正常跳转,找了一下发现都是那些实例化后使用 router.push 而不是直接使用 this.$router.push 地方。出现情况是 router.push 后,...

    xingqiba 评论0 收藏0
  • 前端路由简介以及vue-router实现原理

    ...ntListener("popstate", matchAndUpdate) Vue router 实现 我们来看一下vue-router是如何定义: import VueRouter from "vue-router" Vue.use(VueRouter) const router = new VueRouter({ mode: "history", routes: [...] }) new Vue({ router ... }) 可以看出来vue-router是通过 Vue.u...

    tuomao 评论0 收藏0
  • vue-router 一些容易被忽略知识点

    本文适用于对 Vue.js 和 vue-router 有一定程度了解开发者除特殊说明,vue-router 版本为 3.0.2 正文 路由 class 匹配 路由匹配后会给该标签添加 class 属性值 .router-link-active,该功能在嵌套路由中十分方便 class 实际属性值可以通...

    chunquedong 评论0 收藏0
  • vue进阶面试题

    ...交互,不需要手动操作DOM设计思想。 2、怎么定义vue-router动态路由?怎么获取传过来动态参数? 答:在router目录下index.js文件中,对path属性加上/:id。 使用router对象params.id 3、vue-router有哪几导航钩子? 答:...

    Donald 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<