在vue中使用swiper和vue-awesome-swiper

在vue中使用swiper和vue-awesome-swiper

swiper/dist/css/swiper.css not found

不知道你是否正在被上面这个狗东西所困扰

解决方案：

方案一：由于swiper6版本在nodemodel中没有对应的css文件

可在配置vue-awesome-swiper的时候把

import 'swiper/dist/css/swiper.css’改为↓

import ‘swiper/swiper-bundle.css’

import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'

// import 'swiper/dist/css/swiper.css'
import 'swiper/swiper-bundle.css'

Vue.use(VueAwesomeSwiper)

方案二：如果上面的方法未解决问题的话，也可将版本更换为旧版本

npm uninstall swiper
npm uninstall vue-awesome-swiper
npm install swiper@4 --save-dev
npm install vue-awesome-swiper@3 --save-dev