申明对于swiper：

1、Swiper 是一款收费以及轻量级的挪动设施触控滑块的js框架，应用硬件加速过渡（如果该设施反对的话）。次要应用于挪动端的网站、挪动web apps，native apps和hybrid apps。次要是为IOS而设计的，同时，在Android、WP8零碎也有着良好的用户体验，Swiper从3.0开始不再全面反对PC端。因而，如需在PC上兼容更多的浏览器，能够抉择Swiper2.x（甚至反对IE7）。
2、vue-awesome-swiper是基于swiper的Vue组件。是swiper举荐的在vue中应用swiper的形式。

装置

咱们在vue我的项目装置swiper时往往会应用npm i swiper命令进行装置，个别装置到的是最新版的swiper，从而会导致呈现这样的报错：

报错

Module not found: Error: Can't resolve 'swiper/dist/css/swiper.css' in ...
Module not found: Error: Can't resolve 'swiper/swiper-bundle.css' in ...

这是因为版本变动导致css文件门路地位扭转

解决办法：

卸载重新安装旧版本

npm uninstall swiper
npm uninstall vue-awesome-swiper
npm install swiper@4.5.1
npm install vue-awesome-swiper@3.1.3

总结：

倡议一开始就装置vue-awesome-swiper 3.1.3版，装置对应的swiper版本

而后全副依照3.1.3版本的文档来应用即可。