Uncaught Error: Cannot find module 'swiper'

[Jackwew]

nuxt.js use vue-awesome-swiper

plugins config:

import Vue from "vue";
import VueAwesomeSwiper from "vue-awesome-swiper";

Vue.use(VueAwesomeSwiper);

nuxt.config.js:

package.json

I don't know what's wrong. I can't find the swiper all the time

Thank you for helping me look at this question when you have time

[iCloudys]

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

[seosmmbusiness]

Example to work nuxt 2.15.7 with swiper 6.8.4 =) Unfortunately cannot make it to work with 7 version.

[gleissonneves]

I have the same problem!!

[gergo-tar]

same here

[blackinitial]

must downgrade swiper version to 6.8.4 and now i can use it

[gleissonneves]

solve the problem using a similar, the vue-carousel!!
thank you guys

[hacknug]

Example to work nuxt 2.15.7 with swiper 6.8.4 =) Unfortunately cannot make it to work with 7 version.

The trick is setting build.standalone: true on your nuxt.config.js. Everything seems to work as expected on my end although I'm not 100% confident this will work for everyone and all setups.

Remember to change to change .swiper-container for .swiper as explained on the migration guide for v7: https://swiperjs.com/migration-guide