当前位置: 首页 > Web前端 > vue.js

swiper遇到的坑

时间:2023-03-31 18:57:10 vue.js

关于swiper的声明:1.Swiper是一个免费的轻量级移动设备触摸滑块js框架,使用硬件加速转换(如果设备支持的话)。主要用于移动网站、移动网络应用程序、原生应用程序和混合应用程序。它主要是为IOS设计的。同时在Android和WP8系统中也有着不错的用户体验。Swiper从3.0开始不再全面支持PC端。因此,如果您的PC需要兼容更多的浏览器,可以选择Swiper2.x(甚至支持IE7)。2.vue-awesome-swiper是一个基于swiper的Vue组件。swiper推荐在vue中使用swiper。安装我们在vue项目中经常使用npmiswiper命令来安装swiper。一般安装最新版本的swiper,会导致这样的错误:ErrorModulenotfound:Error:Can'tresolve'swiper/dist/css/swiper.css'in...Modulenotfound:Error:Can'tresolve'swiper/swiper-bundle.css'in...这是由于版本变化导致css文件路径位置发生变化解决方法:卸载重新安装旧版本npmuninstallswipernpmuninstallvue-awesome-swipernpminstallswiper@4.5.1npminstallvue-awesome-swiper@3.1.3总结:建议一开始安装vue-awesome-swiper3.1.3版本,安装对应的swiper版本,然后根据文档使用即可版本3.1.3。