Github 浏览器预览不显示滑块或引导程序图标

问题描述

我是 GITHUB 和 NODE.js 的新手,我尝试在 GITHUB 上在线放置一个页面,但我看到它的方式与它在我的 LOCALHOST 上显示的方式不同。

基本上在 GITHUB 链接中,我看不到我使用的 OWL Carousel 和 Bootstrap 图标。在我的 LOCALHOST 中它可以正常工作。

在这里遗漏了什么?

网页:https://lfavilla.github.io/rastelli/ 存储库:https://github.com/lfavilla/rastelli

解决方法

您的资源正在从 node_modules 加载,这在 github 上不可用,它不应该在 git 上可用。

您正在尝试加载 https://lfavilla.github.io/rastelli/node_modules/jquery/dist/jquery.slim.min.js 之类的资源

enter image description here

在您的项目上运行 npm run build 并使用构建文件夹更新 git

在你的 index.html 文件中使用 CDN 版本的 jquery

改变

<script src="node_modules/jquery/dist/jquery.slim.min.js"></script>

<script src="https://code.jquery.com/jquery-3.6.0.slim.js"></script>

另外,将引导程序图标引用更改为 CDN

https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/icons/chevron-down.svg

您可以在这里找到图标 CDN https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/icons/