index.js:1 Uncaught ReferenceError: Swiper не определен

Question

Я не совсем знаком с использованием импорта / экспорта, но пытаюсь изучить его. Теперь я столкнулся с проблемой.

У меня есть два JS файла: core.js и index.js. Ядро используется на каждой странице, индекс на домашней странице. Когда я импортирую swiper в core.js, я предполагаю, что могу использовать его и в index.js, но это не работает. Я получаю следующую ошибку:

index.js:1 Uncaught ReferenceError: Swiper is not defined.

Когда я копирую и вставляю оператор импорта из core.js в index.js, он работает, но я не думаю, что это правильное решение из-за дублирования импорта + дополнительного размера файла для index.js. Может кто-нибудь мне помочь?

core.js

import Swiper from 'swiper/bundle';
import 'swiper/swiper-bundle.css';

const uspSlider = new Swiper('.uspSlider', {
    centeredSlides: true,
    slidesPerView: 1.5,
    spaceBetween: 15,
    loop: true,
    speed: 2500,
    autoplay: {
        delay: 0,
        disableOnInteraction: false,
    },
    breakpoints: {
        992: {
            centeredSlides: false,
            autoplay: {
                delay: 1000,
                disableOnInteraction: true,
            },
            slidesPerView: 4,
            loopedSlides: 5,

        }
    }
});

index.js

const slider = new Swiper('.projectSlider', {
    autoplay: {
        delay: 2500,
    },
    speed: 500,
    centeredSlides: true,
    loop: true,
    spaceBetween: 0,
    slidesPerView: 1.3,
    breakpoints: {
        992: {
            centeredSlides: false,
            slidesPerView: 4,
            spaceBetween: 30,
        }
    }
});