javascript - 无法加载资源错误 : the server responded with a status of 404(not found)

Question

我正在创建一个网站来展示一个元素，我必须用可以同时看到的多个对象进行幻灯片放映。为了做到这一点，我计划使用这个:https://kenwheeler.github.io/slick/

我已经按照教程进行操作，只是尝试做一个简单的示例来了解它是如何工作的，我认为问题出在 jquery 或 slick 资源上......但由于我不是这方面的专家，所以我找不到解决方案，它一直告诉我:“无法加载资源:服务器响应状态为 404(未找到)”。

如果有人知道如何解决问题，那将是一个很大的帮助 :D(我确信这没什么大不了的，但是......)。

我曾尝试更改文档中链接的位置，认为可能是这样。

我已经从 slick 下载了文件并将其放在我的文件夹中。

这是在标题中

<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>

这是 body 的一部分

<div class="testslicktrack">
    <div><h4>test1</h4></div>
    <div><h4>test2</h4></div>
    <div><h4>test3</h4></div>
    <div><h4>test4</h4></div>
    <div><h4>test5</h4></div>
    <div><h4>test6/h4></div>
</div>  

    <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="slick/slick.min.js"></script> 

    <script type="text/javascript">
    $('.testslicktrack').slick({
      dots: true,
      infinite: false,
      speed: 300,
      slidesToShow: 4,
      slidesToScroll: 4,
      responsive: [
        {
          breakpoint: 1024,
          settings: {
            slidesToShow: 3,
            slidesToScroll: 3,
            infinite: true,
            dots: true
          }
        },
        {
          breakpoint: 600,
          settings: {
            slidesToShow: 2,
            slidesToScroll: 2
          }
        },
        {
          breakpoint: 480,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1
          }
        }
      ]
    });
  </script>

Answer 1

错误的原因是他按照教程使用的路径中不存在文件。只需定义正确的路径即可解决问题。

@LéonardFONTAINE 已经纠正了这一点，只是在此处添加，以便其他用户在发现某种此类问题时可以看到答案。