Vue-awesome-swiper: it doesn't work on vue project

Created on 14 Aug 2020  Â·  7Comments  Â·  Source: surmon-china/vue-awesome-swiper

@vue/cli 4.2.3
@swiper 6.1.1
@vue-awesome-swiper 4.1.1

i create a new vue projecet,use the basic
but it doesn't work,it even can‘t swiper,

Most helpful comment

not support v6, change v5 to fix it .
$ npm i [email protected]
and use
import "swiper/css/swiper.css";

All 7 comments

not support v6, change v5 to fix it .
$ npm i [email protected]
and use
import "swiper/css/swiper.css";

this way swiper asks me for swiper.esm.js . there is not this file in 5.4.5

this way swiper asks me for swiper.esm.js . there is not this file in 5.4.5

same problem, did you fix it?

not support v6, change v5 to fix it .
$ npm i [email protected]
and use
import "swiper/css/swiper.css";

thanks, it working~

I still have the same problem, i was trying swiper v6, v5.4.5, v.5.3.6
was trying import 'swiper/css/swiper.css'
and import 'swiper/swiper-bundle.css'

nothing is working, please help, how to install this swiper ?

same problem :(

"vue-awesome-swiper": "^4.1.1",
"swiper": "^5.4.5",

import 'swiper/css/swiper.css';

not work...

"dependencies": {
"core-js": "^3.6.5",
"vue": "^2.6.11",
"vue-awesome-swiper": "^3.1.3",
"vue-router": "^3.2.0",
"vuex": "^3.4.0"
},

import 'swiper/dist/css/swiper.css'
import {
swiper,
swiperSlide
} from 'vue-awesome-swiper'

change to v3.1.3,it will work

Was this page helpful?
0 / 5 - 0 ratings