WARNING Compiled with 17 warnings warning in ./node_modules/vue-router/dist/vue-router.esm-bund

项目场景：

Vue Router的安装及版本问题

安装问题描述

安装问题原因分析：翻译后说是版本问题

npm 错误！ 代码 ERESOLVE
npm 错误！ ERESOLVE 无法解析依赖树
npm 错误！
npm 错误！ 解决时：vue_project@0.1.0
npm 错误！ 找到：vue@2.6.14
npm 错误！ 节点模块/vue
npm 错误！ vue@“^2.6.14” 来自根项目
npm 错误！
npm 错误！ 无法解决依赖关系：
npm 错误！ 对等 vue@“^3.2.0” 来自 vue-router@4.0.13
npm 错误！ node_modules/vue-router
npm 错误！ vue-router@“*” 来自根项目
npm 错误！
npm 错误！ 修复上游依赖冲突，或者重试
npm 错误！ 此命令与 --force 或 --legacy-peer-deps
npm 错误！ 接受不正确的（并且可能被破坏的）依赖解决方案。
npm 错误！ 有关完整报告，请参阅 C:\Users\zmx\AppData\Local\npm-cache\eresolve-report.txt。

npm 错误！ 可以在以下位置找到此运行的完整日志：
npm 错误！ C:\Users\zmx\AppData\Local\npm-cache_logs\2022-05-17T02_39_28_866Z-debug-0.log

---

解决方案：

1.由于我们安装的vue2版本项目，但现在npm下载的是最新版本也就是依赖vue3的，所以会下载失败
给出的解决方案是：–force 或 --legacy-peer-deps
所以运行: npm i vue-router --force 成功，但是由于版本问题在运行文件的时候会出现下面版本的问题，所以这个方法不太赞同使用

版本问题

搭建Vue2项目，出现17个警告
这是因为创建的是vue2项目，而在安装vue-router时没有指定版本,然后npm自动下的是最新版
由于:安装的vue-router版本太高和vue2起冲突了,虽然router4.X的大部分的 Vue Router API 都没有变化,但vue-router 4.x 只能结合 vue3 进行使用,vue-router 3.x 只能结合 vue2 进行使用

版本问题解决方案

卸载4.x版本的router,重新安装3.x的vue-router

//卸载
npm uninstall vue-router
//重新安装
cnpm i vue-router@3.5.2

总结：使用Vue2项目时，Router要是用对应的3.x依赖版本
使用Vue3项目时，Router要使用对应的4.x依赖版本
所以在开发中一定要主要版本的情况，虽然是向下兼容的，但有时候还是会出现错误