Swiper giving me devtools failed to load source map

[annchan4]

As soon as i load my website that uses the swiper component (i use it from CDN, and I've remembered to initialize the javascript components) on google chrome and on mobile, my console is giving me the above error.
Can you please help me figure out if is there something in my code that I didn't do to make this component work? My html code (only the part which uses the lib) is like this:

<header>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"/>
</header>

<!-- Slider main container -->
    <div class="swiper">
    <!-- Additional required wrapper -->
        <div class="swiper-wrapper">
        <!-- Slides -->
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
    </div>
    <!-- If we need navigation buttons -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
    </div>

<!--swiper javascript-->
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<!--my javascript-->
<script src="javascript/index.js"></script>

And my javascript is:

function initializeSwiper()
{   
    const swiper = new Swiper('.swiper', {
        // Optional parameters
        direction: 'vertical',
        loop: true,
      
        // Navigation arrows
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },
      
      });    
}
initializeSwiper();

Also, I forgot to mention that this code gives me a blinking effect on firefox (like the page keeps getting reloaded by f5