Почему Swiper is not defined?

Question

[Кирилл]

Подключал всегда swiper последней версии через npm i swiper -s, import swiper from 'swiper-bundle' и все было нормально, но тут для поддержки IE11 пришлось взять версию 4.**. Также поставил ее через npm. Там подобного модуля нет, вот и прописываю путь до swiper.min.js. Но постоянно выдает ошибку. Уже даже пытался весь код из swiper.min.js вставлять в самый верх slider.js , но даже после этого получал Uncaught ReferenceError: Swiper is not defined. Спасайте народ, уже столько времени на такую мелочь потратил...

Ошибка:


Структура проекта:

Содержимое main.js:

import './slider';

Содержимое slider.js:

import '../../node_modules/swiper/dist/js/swiper.min.js';

var mySwiper = new Swiper(document.querySelector('.swiper-container'), {
    slidesPerView: 1,
    speed: 500,
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
    autoplay: {
        delay: 2000,
      },
});

Answer 1

[Михаил]

Зависит от того, что конкретно в вашем swiper
Но вангую что
import Swiper from 'swiper/dist/js/swiper.min.js';

Comments

[Кирилл]

В итоге помогло import Swiper from 'Swiper'. Хотя казалось, что я так раньше пробовал уже.

Answer 2

[Islom Karimov]

Та ж проблема никак не могу решить(

Answer 3

[Kiwi288]

Забыли указать атрибут defer