Newest CRA 17+ with pinned error - Module not found: Can't resolve...

[Wozniaxos]

Check that this is really a bug

• I confirm

Reproduction link

...

Bug description

Hey, i see that conversation on that issue is blocked, do you plan to add working out of the box with newest CRA? it is weird that package which have react components doesn't work out of the box with newest React and most popular react app setup.

Expected Behavior

No response

Actual Behavior

No response

Swiper version

7+

Platform/Target and Browser Versions

macOs

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

[inear]

I also try to find information how to actually use version 7 of this awesome library. I can't change the build-process in my project, which is created with vue-cli, and don't know the implications of running ESM only with webpack, babel and all that stuff that many webdevs like me let other boilerplate-frameworks take care of

[PauloJorgeS]

I'm getting the same problem I think.

I update react-scripts to "5.0.1", and this stop to work:

import { Swiper } from "swiper/react/swiper-react.js";
import "swiper/swiper.min.css";

now I have to use like this:

import { Swiper } from "swiper/react";
import "swiper/css";

And now is broken on my storybook build :/

It was cool that we could use the imports like the example in: Swipper with create react app,