swiper在vue中无法展示效果

swiper在vue中无法展示效果

---

问题描述：

git下拉项目，首页swiper无法使用了，但是项目没问题，别人可以使用，排查，总结一下。
（swiper有点坑，最近发现需要安装对应版本，只要有点不匹配，就会运行失败）

原因分析：

1、首先排查应用swiper的页面，别的电脑可以应用，基本就是没什么错误
2、查看其他swiper相关，发现唯一可能出问题的，就是swiper插件可能会不一样
3、查看插件已安装，查看插件安装版本，发现vue-awesome-swiper 安装版本是2.6.7，其他电脑安装版本为4.1.1
4、最新发现 需要同时卸载swiper和vue-awesome-swiper ，否则还会出现问题。同时卸载，然后安装对应版本

---

解决方案：

卸载vue-awesome-swiper
npm uninstall vue-awesome-swiper --save
npm uninstall swiper --save