JavaScript　エラー

質問失礼します。このエラーが何を意味しているか分かりません。cdnを使っているので、ファイルをが見つからないということがあり得ないのではないかと思っています（あり得るのかもしれませんが）。どのように対処すれば解決するのでしょうか。ファイルの位置関係とエラーの画面をスクショしております。

html
1<!DOCTYPE html>
2<html lang="ja">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>jQuery 追加課題2</title>
7    <link rel="stylesheet" href="css/style.css" />
8    <link rel="stylesheet" href="css/reset.css">
9    <link rel="stylesheet" href="css/slick-theme.css">
10    <link rel="stylesheet" href="css/slick.css">
11  </head>
12  <body>
13    <header class="header">
14      <div class="inner">
15        <div class="header-items">
16          <div class="header-ttl"><h3>Itariano Tres biano</h3></div>
17      <nav class="header-nav">
18        <ul class="header-nav-ul">
19          <li class="header-nav-li"><a href="">home</a></li>
20          <li class="header-nav-li"><a href="">menu</a></li>
21          <li class="header-nav-li"><a href="">access</a></li>
22          <li class="header-nav-li"><a href="">contact</a></li>
23        </ul>
24      </nav>
25        </div>
26        
27      </div>
28      
29    </header>
30    <div class="top-mv">
31      <h2 class="top-mv-ttl">Itariano Tres biano</h2>
32    </div>
33    <div class="menu">
34      <h2 class="menu-ttl">Menu</h2>
35      <div class="menu-slide">
36        <div class="inner">
37          <div class="menu-slide-area">
38            <div><img src="img/meatball.jpg" alt="" width="100px" height="100px"></div>
39            <div><img src="img/pasta01.jpg" alt=""></div>
40            <div><img src="img/pasta02.jpg" alt=""></div>
41            <div><img src="img/pizza.jpg" alt=""></div>
42            <div><img src="img/tiramisu.jpg" alt=""></div>
43          </div>
44        </div>
45        
46      </div>
47    </div>
48    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
49    <script src="js/main.js"></script>
50    <script src="js/jquery.bgswitcher.js"></script>
51    <script src="js/slick.min.js"></script>
52  
53  </body>
54</html>
55

js
1'use strict';
2
3
4$(function () {
5
6  jQuery(function($) {
7    $('.top-mv').bgSwitcher({
8        images: ['img/mv.jpg','img/mv_2.jpg','img/mv_3.jpg'], // 切り替え画像
9        Interval: 5000, //切り替えの間隔 1000=1秒
10        start: true, //$.fn.bgswitcher(config)をコールした時に切り替えを開始する
11        loop: true, //切り替えをループする
12        shuffle: false, //背景画像の順番をシャッフルする
13        effect: "fade", //エフェクトの種類 "fade" "blind" "clip" "slide" "drop" "hide"
14        duration: 1000, //エフェクトの時間 1000=1秒
15        easing: "swing", //エフェクトのイージング "swing" "linear"
16    });
17});
18
19
20$('.menu-slide-area').slick(); 
21
22  /* ===== hamburger ===== */
23  
24  
25  
26  /* ===== carousel ===== */
27
28  
29});