微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。