在创建的Vue2项目中，安装vue-router后出现大量警告和浏览器报错，原因是未指定vue-router版本导致安装了与Vue2不兼容的4.x版本。解决方法是卸载4.x版本的vue-router，然后重新安装适用于Vue2的3.5.2版本，重启项目后警告和错误消失。
vue2项目安装路由后报错
1.问题
搭建一个vue2项目，只安装了路由就出现了17个警告
在浏览器打开时的报错信息
2.出现警告和报错的原因
-
创建的是vue2项目，而在安装vue-router时没有指定版本,然后npm自动下的是最新版
-
在package.json文件查看版本信息
-
问题是:vue-router版本太高和vue2起冲突了,虽然router4.X的大部分的 Vue Router API 都没有变化,但vue-router 4.x 只能结合 vue3 进行使用,vue-router 3.x 只能结合 vue2 进行使用
3.解决办法
卸载4版本的router,重新安装指3.x的vue-router
#卸载
npm uninstall vue-router
cnpm uninstall vue-router
#重新安装
cnpm i vue-router@3.5.2
重新运行项目
控制台也没有报错
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
