Github 浏览器预览不显示滑块或引导图标答案

【问题标题】：Github browser preview doesn't show slider nor bootstrap iconsGithub 浏览器预览不显示滑块或引导图标
【发布时间】：2021-03-18 16:10:35
【问题描述】：

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

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

我在这里错过了什么？

【问题讨论】：

【解决方案1】：

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

你正在尝试加载像https://lfavilla.github.io/rastelli/node_modules/jquery/dist/jquery.slim.min.js这样的资源

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

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

改变

<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

【讨论】：

我在github上的项目已经这样完成了。我重新运行“npm run build”并且没有要提交的更新。感谢您的时间和支持。
@LucianoFavilla 更新了答案，试试希望它对你有用。
我认为我的“starter.js”指向 node_modules: import "../../node_modules/bootstrap/js/dist/util.js";导入“../../node_modules/bootstrap/js/dist/modal.js”；导入“../../node_modules/owl.carousel/dist/owl.carousel.js”；我应该改变这个吗？
@LucianoFavilla 是的，您应该使用 CDN 版本的引导程序和轮播，或者您可以将它们提取到根文件夹并上传到 github 存储库。
Carouosel 现在可以与 CDN 一起使用。非常感谢！但是 Bootstrap 图标没有。如果我转到 SGV 链接，我会看到它，但在我的页面上它们没有加载。