Slick 轮播缺少 3 个资源。我如何实现这些？

【问题标题】：Missing 3 recources for the Slick carousel. How do I implement those?Slick 轮播缺少 3 个资源。我如何实现这些？
【发布时间】：2020-03-07 22:29:28
【问题描述】：

在console 中，它说我缺少 slick.woff、ajax-loader.gif 和 slick.tff。

所以我找到了所有这 3 个的 CDN 链接，但我不知道如何在我的代码中（或在什么类型的标签中）实现它们。

https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/ajax-loader.gif

https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/fonts/slick.ttf

https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/fonts/slick.woff

【问题讨论】：

你如何安装 slick 本身？ IE。它的主要 JS 和 CSS 文件...您链接的这三个文件是从 slick.css 的相对导入，因此它可能取决于您在项目中包含该文件的方式。
对于 JS 我使用这两个：对于 CSS：

标签： javascript jquery html css slick.js

【解决方案1】：

您提到的未能加载的资源在 Slick 的样式表中被引用为相对导入。

确保您已正确包含这些样式表（下面的第一个代码块），as per the Slick documentation:

使用 jsDelivr 的示例

只需在 <head> 中添加指向 css 文件的链接：

<!-- Add the slick-theme.css if you want default styling -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css"/>
<!-- Add the slick-theme.css if you want default styling -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css"/>

然后，在结束标记之前添加：

<script type="text/javascript" src="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.min.js"></script>

【讨论】：