最近在做一个网站使用vue-awesome-swiper控件遇到CSS引用的问题,从官网https://www.npmjs.com/package/vue-awesome-swiper的使用介绍,应该引入:
import 'swiper/css/swiper.css'
但在node_modules/swiper目录下没有此swiper.css文件,如图所示:
从图上看到目录下面有swiper-bundle.css,猜测可能引用此文件解决css的问题。实际上,经过测试猜测是对的。所以在使用的控件的页面引入:
import 'swiper/swiper-bundle.css‘
造成这样的问题,swiper的版本4.1.1,最新版本。但官方的说明还是低版本的。