Я не могу импортировать Swiper

Question

Я новичок в jQuery и хочу импортировать Swiper, но он не работает, в чем проблема? Я копирую и вставляю из основного источника, но не знаю, в чем проблема.

я получаю следующую ошибку: "Uncaught SyntaxError: объявления импорта могут появляться только на верхнем уровне модуля"

import Swiper from 'swiper';
import 'swiper/swiper-bundle.css';
import Swiper, { Navigation, Pagination } from 'swiper';
Swiper.use([Navigation, Pagination]);
import Swiper from 'swiper/bundle';
$(function () {
    const timelineSwiper = new Swiper ('.timeline .swiper-container', {
        direction: 'vertical',
        loop: false,
        speed: 1599,
        pagination: '.swiper-pagination',
        paginationBulletRender: function (swiper, index, className){
            var year = document.querySelectorAll('.swiper-slide')
            [index].getAttribute('date-year');
            return '<span class="' +className + '">' + year + '</span>';
        },
        paginationClickable:true,
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        breakpoint: {
            778: {
                direction: 'horizontal',
            }
        }
    });
});