title: Why am I getting "Failed to load resource" errors in my Slick Carousel?
body: <p>I have been trying for days to get a slider carousel to work. I am trying to use Slick Carousel. I followed the directions Ken Wheeler has provided on <a href="https://kenwheeler.github.io/slick/" rel="nofollow noreferrer">https://kenwheeler.github.io/slick/</a>. I have also tried to program the slider using vanilla JavaScript. My beginner skills in JavaScript are not enough for me to get it to work.
  I am getting six error messages in the console:</p>
  <ol>
  <li>Failed to load resource: net::ERR_FILE_NOT_FOUND    slick.css:1</li>
  <li>Failed to load resource: net::ERR_FILE_NOT_FOUND    slick-theme.css:1</li>
  <li>Failed to load resource: net::ERR_INVALID_URL       jquery-1.11.0.min.js:1</li>
  <li>Failed to load resource: net::ERR_INVALID_URL       jquery-migrate-1.2.1.min.js:1</li>
  <li>Failed to load resource: net::ERR_FILE_NOT_FOUND    slick.min.js:1</li>
  <li>Uncaught SyntaxError: Unexpected token '-'          slider.js:3</li>
  </ol>
  <p>The slider needs to be controlled by two arrow images under the slider.
  Please help! I know it has to be something simple I'm missing. I just can't find it. This is my first time posting on Stack Overflow. I hope I am following the proper procedures. Please advise if I'm not posting my inquiry correctly.
  Thank you in advance for any help you can give!</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){
      $('.center').slick({
        setting-name: setting-value
      });
    });
  
  
    $('.center').slick({
      centerMode: true,
      centerPadding: '60px',
      slidesToShow: 3,
      responsive: [
        {
          breakpoint: 768,
          settings: {
            arrows: false,
            centerMode: true,
            centerPadding: '40px',
            slidesToShow: 3
          }
        },
        {
          breakpoint: 480,
          settings: {
            arrows: false,
            centerMode: true,
            centerPadding: '40px',
            slidesToShow: 1
          }
        },
        navigation: {
          nextEl: '.right-arrow',
          prevEl: '.left-arrow',
        }
      ]
    });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>/* // Reset CSS */
  * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    list-style: none;
  }
  
  :root {
    --colorDkBlue: #001D5D;
    --colorGrey: #B8BfCF;
    --colorGreen: #68C242;
    --colorLtGreen: #D9F0D0;
    --colorBlack: #000;
    --colorWhite: #FFF;
    --colorDkGrey: #525252;
    --colorLtGrey: #F6F6F6;
  }
  
  /* Global Styles */
  h1 {
    font-family: Karla;
    font-weight: 700;
    font-size: 4.063rem;
    letter-spacing: 0.73;
    line-height: 4.75rem;
    color: var(--colorWhite);
  }
  
  h2 {
    font-family: Karla;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 3.125rem;
    color: var(--colorDkBlue);
  }
  
  h3 {
    font-family: Karla;
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 3.125rem;
    color: var(--colorDkBlue);
  }
  
  h4 {
    font-family: Karla;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 1;
    line-height: 3.125rem;
    text-transform: uppercase;
    color: var(--colorGreen);
  }
  
  p {
    font-family: Karla;
    font-size: 1rem;
    line-height: 1.563rem;
  }
  
  /* New Releases Section */
  .new-releases-wrapper {
    background-color: var(--colorLtGrey);
    height: 42.563rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: auto;
    overflow: hidden;
  }
  
  .new-releases-title-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 4.375rem;
  }
  
  .new-releases-title-content p {
    margin-top: 1rem;
    margin-bottom: 4.375rem;
    text-align: center;
    max-width: 34.25rem;
  }
  
  .new-releases-slider-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4rem;
  }
  
  .slider-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--colorWhite);
    border-radius: 0.25rem;
    -webkit-box-shadow: 0 0 13px rgba(152, 152, 152, 0.5);
            box-shadow: 0 0 13px rgba(152, 152, 152, 0.5);
    width: 34.188rem;
    height: 16.5rem;
    margin: 0 2.375rem 0 0;
  }
  
  .slider-card-content {
    padding: 0 1.813rem;
  }
  
  .slider-img img {
    background-color: var(--colorLtGrey);
    padding: 3.875rem 1.25rem;
    margin-bottom: -0.188rem;
  }
  
  .slider {
    margin: 0;
  }
  
  .arrow {
    margin: 4rem 1.188rem;
    cursor: pointer;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;title&gt;Synder-Recordings-Site&lt;/title&gt;
      &lt;link rel="stylesheet" href="Styles/style.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="slick/slick.css"/&gt;
      &lt;link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/&gt;
      &lt;link rel="preconnect" href="https://fonts.googleapis.com"&gt;
      &lt;link rel="preconnect" href="https://fonts.gstatic.com" crossorigin&gt;
      &lt;link href="https://fonts.googleapis.com/css2?family=Karla:wght@400;700&amp;display=swap" rel="stylesheet"&gt;
  
  &lt;/head&gt;
        &lt;section class="new-releases"&gt;
              &lt;div class="new-releases-wrapper"&gt;
                  &lt;div class="new-releases-title-content"&gt;
                      &lt;h2&gt;New Releases&lt;/h2&gt;
                      &lt;p&gt;New albums every single month, check out the newest &amp; best from Snyder Recording artist, now available on Apple Music &amp; Spotify.&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div class="new-releases-slider-cards slider center"&gt;
                      &lt;div class="slider-card"&gt;
                          &lt;div class="slider-img"&gt;
                              &lt;img src="images/image4.png" alt="trapsoul" class="slider"&gt;
                          &lt;/div&gt;
                          &lt;div class="slider-card-content"&gt;
                              &lt;h3&gt;Trapsoul&lt;/h3&gt;
                              &lt;h4&gt;Bryson Tiller&lt;/h4&gt;
                              &lt;p&gt;Bryson Djuan Tiller, is an American singer, songwriter and rapper. Born in Louisville, Kentucky, he started his career in 2011, releasing the debut mixtape titled Killer Instinct Vol.1.&lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="slider-card"&gt;
                          &lt;div class="slider-img"&gt;
                              &lt;img src="images/image4.png" alt="trapsoul" class="slider"&gt;
                          &lt;/div&gt;
                          &lt;div class="slider-card-content"&gt;
                              &lt;h3&gt;Trapsoul&lt;/h3&gt;
                              &lt;h4&gt;Bryson Tiller&lt;/h4&gt;
                              &lt;p&gt;Bryson Djuan Tiller, is an American singer, songwriter and rapper. Born in Louisville, Kentucky, he started his career in 2011, releasing the debut mixtape titled Killer Instinct Vol.1.&lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="slider-card"&gt;
                          &lt;div class="slider-img"&gt;
                              &lt;img src="images/image4.png" alt="trapsoul" class="slider"&gt;
                          &lt;/div&gt;
                          &lt;div class="slider-card-content"&gt;
                              &lt;h3&gt;Trapsoul&lt;/h3&gt;
                              &lt;h4&gt;Bryson Tiller&lt;/h4&gt;
                              &lt;p&gt;Bryson Djuan Tiller, is an American singer, songwriter and rapper. Born in Louisville, Kentucky, he started his career in 2011, releasing the debut mixtape titled Killer Instinct Vol.1.&lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="new-releases-nav-arrows"&gt;
                      &lt;img src="Icons/PNGs/left_controller.png" alt="arrow" class="arrow left-arrow"&gt;
                      &lt;img src="Icons/PNGs/right_controller.png" alt="arrow" class="arrow right-arrow"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/section&gt;
             &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"
      integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
      crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="slick/slick.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/slider.js"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>