如果vue-router路由版本不兼容,其实解决版本很简单,那就是卸载掉不兼容的vue-router,然后重新安装vue路由。下面是vue和vue路由之间的配套版本。请按照下面的方法安装vue路由版本。
npm 和 yarn 卸载软件的命令方法
//npm
npm uninstall vue-router
//全局删除
npm uninstall vue-router -g
//yarn
yarn remove vue-router
//全局删除
yarn global remove vue-router
vue-router 是vue官网路由。vue 和 vue-router 之间版本也对应是配套的。
vue3.x 选择vue-router4.x,vue-router4.x 是为vue3版本打造的。
vue2.x 选择vue-router3.x
安装vue-router路由的时候,一定要带上版本范围,如果安装的路由版本和vue版本不匹配,在运行项目时,本地会报错。
使用npm安装
//vue2 版本安装
npm install vue-router@3.5.1
//vue3 版本安装
npm install vue-router@4.*
如果不知道版本号,可以查看vue-router版本列表
C:\Users\Administrator>npm view vue-router versions
[
'0.4.0', '0.5.0', '0.5.1', '0.5.2',
'0.6.0', '0.6.1', '0.6.2', '0.7.0',
'0.7.1', '0.7.2', '0.7.3', '0.7.4',
'0.7.5', '0.7.6', '0.7.7', '0.7.8',
'0.7.9', '0.7.10', '0.7.11', '0.7.12',
'0.7.13', '2.0.0-beta.1', '2.0.0-beta.2', '2.0.0-beta.3',
'2.0.0-beta.4', '2.0.0-rc.1', '2.0.0-rc.2', '2.0.0-rc.3',
'2.0.0-rc.4', '2.0.0-rc.5', '2.0.0-rc.6', '2.0.0-rc.7',
'2.0.0', '2.0.1', '2.0.2', '2.0.3',
'2.1.0', '2.1.1', '2.1.2', '2.1.3',
'2.2.0', '2.2.1', '2.3.0', '2.3.1',
'2.4.0', '2.5.0', '2.5.1', '2.5.2',
'2.5.3', '2.6.0', '2.7.0', '2.8.0',
'2.8.1', '3.0.0', '3.0.1', '3.0.2',
'3.0.3', '3.0.4', '3.0.5', '3.0.6',
'3.0.7', '3.1.0', '3.1.1', '3.1.2',
'3.1.3', '3.1.4', '3.1.5', '3.1.6',
'3.2.0', '3.3.0', '3.3.1', '3.3.2',
'3.3.3', '3.3.4', '3.4.0', '3.4.1',
'3.4.2', '3.4.3', '3.4.4', '3.4.5',
'3.4.6', '3.4.7', '3.4.8', '3.4.9',
'3.5.0', '3.5.1', '3.5.2', '3.5.3',
'3.5.4', '4.0.0-329e962', '4.0.0-alpha.0', '4.0.0-alpha.1',
'4.0.0-alpha.2', '4.0.0-alpha.3', '4.0.0-alpha.4', '4.0.0-alpha.5',
'4.0.0-alpha.6', '4.0.0-alpha.7', '4.0.0-alpha.8', '4.0.0-alpha.9',
'4.0.0-alpha.10', '4.0.0-alpha.11', '4.0.0-alpha.12', '4.0.0-alpha.13',
'4.0.0-alpha.14', '4.0.0-beta.1', '4.0.0-beta.2', '4.0.0-beta.3',
'4.0.0-beta.4', '4.0.0-beta.5', '4.0.0-beta.6', '4.0.0-beta.7',
'4.0.0-beta.8', '4.0.0-beta.9', '4.0.0-beta.10', '4.0.0-beta.11',
'4.0.0-beta.12', '4.0.0-beta.13', '4.0.0-rc.1', '4.0.0-rc.2',
'4.0.0-rc.3', '4.0.0-rc.4', '4.0.0-rc.5', '4.0.0-rc.6',
'4.0.0', '4.0.1', '4.0.2', '4.0.3',
'4.0.4', '4.0.5', '4.0.6', '4.0.7',
'4.0.8', '4.0.9', '4.0.10', '4.0.11',
'4.0.12', '4.0.13', '4.0.14', '4.0.15',
'4.0.16', '4.1.0-4da5e55', '4.1.0-51021cc', '4.1.0-730eb15',
'4.1.0-9e62c00', '4.1.0-aabe509', '4.1.0-beta.0', '4.1.0-beta.1',
'4.1.0-beta.2', '4.1.0-c113369', '4.1.0', '4.1.1',
'4.1.2'
]
安装完成之后,查看已安装vue-router版本
//命令
C:\Users\Administrator>npm view vue-router version
3.5.1
//package.json
"dependencies": {
"express": "^4.17.3",
"vue": "2.6.14",
"vue-router": "3.5.1",
}