> 文档中心 > Vue安装swiper插件中的坑

Vue安装swiper插件中的坑

1、在vue中安装swiper插件运行时会报错,错误如下

npm install --save swiper

在这里插入图片描述
于是在网上进行查找了一番,竟然是版本问题,因为版本不同 项目目录变了 点开node安装文件夹里也只能看到’swiper/swiper-bundle.css’

如果用swiper-bundle.css会有很多问题,比如我遇到的就是分页器不生效

这里就需要降低swiper版本了 这里使用的是5.4.5

cnpm install vue-awesome-swiper swiper@5.4.5 --save

在这里插入图片描述

Vue安装swiper插件中的坑

解决问题。