引导 CSS 和 JS 未在 heroku 上加载答案

【问题标题】：bootstrap CSS and JS not loading on heroku引导 CSS 和 JS 未在 heroku 上加载
【发布时间】：2021-09-16 02:33:43
【问题描述】：

我用 Node.JS 和 Socket.io 创建了一个聊天室。我在我的项目中使用引导 CSS 和 JS 来处理标签和 carouser 之类的东西。该网站在我的本地服务器上看起来和运行都很完美，这里有一些截图：

但是当我在我的 github 上推送相同的代码并将其部署到 heroku 上时，一切都变得杂乱无章：https://doclerchat.herokuapp.com/

这里是GitHub上的源代码：https://github.com/anshul119/chatapp/

似乎 Bootstrap CSS 和 JS 没有加载，这就是为什么只有那些特定的东西会产生问题。我该如何解决这个问题？

感谢任何帮助。

【问题讨论】：

兄弟，您检查浏览器的控制台了吗？ My browser's console renders this。在 index.html 中尝试在 Heroku 应用程序空间中引用 Bootstrap（即 js/bootstrap.min.js 等），而不是使用远程资源。
尝试将您对 CDN 的请求从 http 更改为 https：https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css 和 https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js
感谢@vanburen 添加 https 解决了这个问题！
嘿@RichardKennethNiescior 是的，然后它会工作，但我想让它只与 CDN 一起工作。问题通过将“http”替换为“https”来解决

标签： css twitter-bootstrap heroku

【解决方案1】：

因此，正如@vanburen 评论的那样，这解决了问题：

将您对 CDN 的请求从 http 更改为 https： https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstra‌p.min.css 和 https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap‌.min.js

【讨论】：

怎么用？在 reactjs 中？