Почему не работает Splide JS?

Question

[DereBkO]

помогите пожалуйста, хочу сделать бегущую строку при помощи Splide slider, но он почему то не работает. Плагины установлены, скрипт тоже написан.

<div class="wrapper">
	<main class="page">
		<div class="container">
			<section class="splide gallery" aria-label="gallery">
				<div class="splide__track">
					<ul class="splide__list">
						<li class="splide__slide">1-Artists</li>
						<li class="splide__slide">2-Artists</li>
						<li class="splide__slide">3-Artists</li>
					</ul>
				</div>
			</section>
		</div>
	</main>
</div>

import Splide from '@splidejs/splide';
import { AutoScroll } from '@splidejs/splide-extension-auto-scroll';

const splide = new Splide( '.splide', {
    type   : 'loop',
    drag   : 'free',
    focus  : 'center',
    perPage: 3,
    autoScroll: {
        speed: 1,
    },
});

splide.mount({ AutoScroll });

В чем может быть проблема?

Comments

[ThunderCat]

но он почему то не работает.

Что пишет консоль?

[DereBkO]

ThunderCat, ничего

Answer 1

[FKV]

css подключили? Скрипт подключен в head? Если да, то создавать экземпляр splider надо после события DOMContentLoaded