【Swiper】ページネーションのみ反映されません

Question

前提・実現したいこと

Swiperでページネーションを行いたい

発生している問題・エラーメッセージ

ページネーションのみ反映されません

該当のソースコード

<div class="swiper-container">
	<div class="swiper-wrapper">
		<div class="swiper-slide">
			<img src="http://andy-english-academy.local/wp-content/uploads/2021/05/main1.jpeg" alt="" class="main-visual" />
		</div>
		<div class="swiper-slide">
			<img src="http://andy-english-academy.local/wp-content/uploads/2021/05/main2.jpeg" alt="" class="main-visual" />
		</div>
		<div class="swiper-slide">
			<img src="http://andy-english-academy.local/wp-content/uploads/2021/05/main3.jpeg" alt="" class="main-visual" />
		</div>
	</div>
	<div class="swiper-pagination"></div>
</div>

var mySwiper = new Swiper('.swiper-container', {
	pagination: {
		el: '.swiper-pagination',
		type: 'bullets',
		clickable: true,
	}
});

試したこと

ページネーション以外の矢印などを試したところ、他のものはしっかりと反映されました。

補足情報

使用ツール: local by flywheel、WordPress、Snowmonkey

不慣れで説明不足の箇所もあるかと思いますが、どうかご教授いただければと思います。よろしくお願いします。