Не появляется слайдер в html

Слайдер делал по видео, повторил всё точь-в-точь, но я не вижу слайдер.

Картинка лежит в папке. Скрипты подключены с линками. Заранее благодарю.

Код в html:

<div class="slider">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slider" style="background-image: url(img/slider-1);"></div>

</div>
<div class="swiper-pagination"></div>
</div>
</div>

Код в js:

const swiper = new Swiper(".swiper", {
pagination: {
el: ".swiper-pagination",
},
});


Скрипты и линки полключены