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

  在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.cloudads.cn/archives/3942.html

发表评论

登录后才能评论