VueAwesomeSwiper3和VueAwesomeSwiper4不兼容的问题

VueAwesomeSwiper安装的时候要看视频教学版本

npm install vue-awesome-swiper

直接上面指令会直接安装最新版swiper 其中 最新版是4.x.x 而我视频教学里的是3.x.x

最新版4.x不需要css文件导致 npm run dev直接报错 

 ERROR  Could not compile template F:\\VuePro\\template\\node_modules\\@nuxt\\vue-app\\template\\App.js: Cannot resolve "swiper/dist/css/swiper.css" from "F:\VuePro\template\swiper\dist\css\swiper.css"

报上面错误 所以要指定版本安装VueAwesomeSwiper3,用这条指令:

npm install swiper swiper@3.4.2 --save-dev

同时引用的时候改成

import VueAwesomeSwiper from 'vue-awesome-swiper/dist/vue-awesome-swiper.js'

 

 

后续方法:

 

 

 

 

import VueAwesomeSwiper from 'swiper/swiper-bundle.css'