Swiperが動きません。

Swiperを動かしたいのですが、動きません。
原因を教えていただきたいです。

実現したいこと

ここに実現したいことを箇条書きで書いてください。
初めて質問させていただきます。
CDNをコピペして貼り付けましたが、全く動きません。
原因を教えていただけるとありがたいです。
よろしくお願いいたします。

前提

（例）
TypeScriptで●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。


<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"/>
<link rel="stylesheet" href="<?php echo esc_url(get_template_directory_uri()); ?>/css/style.css" type="text/css">
</head>
<body>
 <div class="swiper">
         <div class="swiper-wrapper">
            <a href="#" class="swiper-slide">
               <div class="slide">
                  <img class="swiper-img" src="<?php echo esc_url(get_template_directory_uri()); ?>/img/sea.jpg" alt="">
               </div>
            </a>
            <a href="#" class="swiper-slide">
               <div class="slide">
                  <img class="swiper-img" src="<?php echo esc_url(get_template_directory_uri()); ?>/img/mountain.jpg" alt="">
               </div>
            </a>
            <a href="#" class="swiper-slide">
               <div class="slide">
                  <img class="swiper-img" src="<?php echo esc_url(get_template_directory_uri()); ?>/img/sakura.jpg" alt="">
               </div>
            </a>
<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
<script src="<?php echo esc_url(get_template_directory_uri()); ?>/js/main.js"></script>
</body>


const mySwiper = new Swiper('.swiper .my_swiper',{
  loop: true,
  loopAdditionalSlides: 1,
  speed: 1000,
  autoplay: {
    delay: 4000,
    disableOnInteraction: false,
  },
  pagination:{
    el:'.swiper-pagination'
  },
  navigation:{
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
  watchSlidesProgress: true,
});

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

m.ts10806

2023/03/06 04:44

WordPress上で動かそうとされているようですが、単体の動作を確認したいだけでしたら WordPressに乗せる必要はないと思いますし、要因が複合的になってくると問題切り分けが困難になってきます。まずは静的HTMLで確認されたほうが良いと思いますし、ブラウザの開発ツールのコンソールでエラーを確認してみてください。