swiper.js не импортируется модул

в консоле пишет: swipper.js:1 Uncaught SyntaxError: Cannot use import statement outside a module (at swipper.js:1:1)

помогите если кто -то знает код из swiper.js

import Swiper, { Navigation, Pagination } from 'swiper'


function bildSliders() {
let sliders = document.querySelectorAll('[class"="__swiper"]:not(.swiper-wrapper)'); 
if(sliders) {
    sliders.forEach(slider =>{
        slider.parentElement.classList.add('swiper')
        slider.classList.add('swiper-wrapper')
        for (const slide of slider.children) {
            slide.classList.add('swiper-slide')
        }
    })
}

}

function initSliders() {
bildSliders()

if (document.querySelector('.main-block__slider')) {
    new Swiper('.main-block__slider', {
        modules: [ Navigation, Pagination ],
        slidesPerView: 1,
        spaceBetween: 100,
        speed: 800,
        pagination: {
            el: '.swiper-pagination-bullet',
            type: 'bullets',
            clickable: true,
        },
        slideToClickedSlide:true,
        centeredSlides: true,
        loop: true,
    }
)}   

}