Wrong url for CDN on Stackblitz about swiper-website HOT 9 CLOSED

The primary problem is not even stackblitz, it's that any website who used the cdn is now broken. Hope most people hosted their own files

from swiper-website.

Same problem, but i fixed with the new url that you can found
here : https://swiperjs.com/get-started/

<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">

<script src="https://unpkg.com/swiper/swiper-bundle.js"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>

from swiper-website.

Should be closed. Stackblitz demos are up to date

from swiper-website.

Same problem

from swiper-website.

same problem :'(

from swiper-website.

Same problem

from swiper-website.

Same problem

from swiper-website.

Hi @lastnoob .

English is not my first language so I am not sure if I was clear above.

I linked the issue to Stackblitz, because the problem can be easily fixed by the users just pointing the CDN to the right version, so it is not a code or src issue, and the best example that I could find for the issue caused by the new file structure was the Stackblitz.

The actual problem is that the new version (v6) do not follow the same file structure and naming as v5 and earlier.

It is true that most websites using the CDN might be broken, but only IF they are not specifying the version on the url path.

When you use the CDN https://unpkg.com/swiper/ you are requesting the most recent version, but you can specify the version adding @[version number] to the directory name, like: https://unpkg.com/swiper@5/.

The problem here is if you request the version 5, the CSS and JS files are located inside their respective folder, so you will find them in (assuming you are using the minified files):

• /js/swiper.min.js and
• /css/swiper.min.css

So the final url would be something like:

• https://unpkg.com/swiper@5/js/swiper.min.js and
• https://unpkg.com/swiper@5/css/swiper.min.css

But if you are willing to use the newest version you can refer to the documentation (that is up to date with the changes):

<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">

<script src="https://unpkg.com/swiper/swiper-bundle.js"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>

Notice that the files are now located on the root folder (there is no /js/ ro /css/) and the name changed from swiper to swiper-bundle.

I would recommend to always specify the version when you use CDN, so then you avoid unexpected behaviours when a new version is released.

from swiper-website.

Was going to open an issue with this same problem but i see it's already here so i'm just adding my comment here. For me this is a minor issue since i've been using this swiper for like 4 years now (and still have to check the docs sometimes) but for someone who's approaching for the first time it could be a bit of an issue when they try the code on stackblitz and it doesn't work

from swiper-website.