问题描述
我是 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
之类的资源
在您的项目上运行 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/