时间戳

首页 > 解决方案 > 无法加载资源错误：服务器响应状态为 404（未找到）

javascript - 无法加载资源错误：服务器响应状态为 404（未找到）

问题描述

我正在创建一个网站来展示一个项目，我必须制作一个幻灯片，其中包含多个可以同时看到的对象。为了做到这一点，我计划使用它：https ://kenwheeler.github.io/slick/

我已经按照教程做了一个简单的例子来看看它是如何工作的，问题出在 jquery 或我认为的光滑资源上......但由于我不是这方面的专家，所以我不找到解决方案，它一直告诉我：“加载资源失败：服务器响应状态为 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>

这是身体的一部分

<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>

标签： javascriptjqueryhtmlcss

解决方案

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

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

推荐阅读