Cannot find module 'swiper/bundle'

[stimulus-components]

Cannot find module 'swiper/bundle'

[bstst]

Had the same issue. Got it working on my rails app with this (environment.js), which should also work for other webpack environments:

const { environment } = require('@rails/webpacker');

const webpack = require('webpack');

environment.plugins.append(
  'NormalReplace',
  new webpack.NormalModuleReplacementPlugin(/swiper\/bundle/, 'swiper/swiper-bundle')
);

module.exports = environment;

[TazzyG]

I also have the same error following the same guidelines.

[ernsheong]

I haven’t tried, but it looks like swiper is a peer dependency and has to be installed separately.

…

On Fri, Dec 10, 2021 at 1:00 AM Laurie Gloge ***@***.***> wrote: I also have the same error following the same guidelines. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#4 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAKH6NGYP6U6N2KVTCWJ44LUQDOC3ANCNFSM5JQSLK6Q> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.

[ztcollazo]

Have you tried import 'swiper/css/bundle'?

[guillaumebriday]

@ztcollazo I updated the documentation with this solution 👍

[ernsheong]

I think this is unresolved. You are importing from "swiper/bundle" directly:

stimulus-carousel/src/index.ts

Line 4 in 7dec66e

import Swiper from 'swiper/bundle'

And using Vite to resolve it:

swiper/bundle doesn't exist in my node_modules:

Hence error:

So for most of us it will fail unless we define "swiper/bundle" globally, but this is a poor approach?

[ztcollazo]

You might be able to try extending the controller and overriding the swiper instance with a new instance that is imported from 'swiper' instead of 'swiper/bundle'.

[belumarek]

hey guys the solution given by @guillaumebriday its not working, someone got the answer?