npm遇到冲突报错

报错：

npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! While resolving: 01-shop@0.0.0
npm ERR! Found: swiper@10.2.0
npm ERR! node_modules/swiper
npm ERR!   swiper@"^10.2.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer swiper@"^7.0.0  || ^8.0.0" from vue-awesome-swiper@5.0.1
npm ERR! node_modules/vue-awesome-swiper
npm ERR!   vue-awesome-swiper@"*" from the root project

报错原因

在新版本的npm中，默认情况下，npm install遇到冲突的peerDependencies时将失败。

解决办法

使用--force或--legacy-peer-deps可解决这种情况。

--force 会无视冲突，并强制获取远端npm库资源，当有资源冲突时覆盖掉原先的版本。
--legacy-peer-deps：安装时忽略所有peerDependencies，忽视依赖冲突，采用npm版本4到版本6的样式去安装依赖，已有的依赖不会覆盖。
建议用--legacy-peer-deps 比较保险一点