javascript - CSS 和 JS 在 localhost 上工作，但在 Heroku Webserver 上不工作

Question

伙计们，我一直在网络平台上工作，在部署到 heroku 服务器时遇到了一些问题。我的 CSS 和 JS 文件没有加载，尽管这些文件已上传到 heroku。

我正在使用 PHP7 和 Bootstrap 4.0。我已经验证了 CSS 和 JS 链接的路径。我实际上使用 php include 将我的 head.php 链接到我的主文件 (index.php)。这是代码:

<!-- Bootstrap CSS First Try with the "relative" path used on heroku-->
<link rel="stylesheet" href="vendor/twbs/bootstrap/dist/css/bootstrap.min.css">
<!-- General CSS -->
<link rel="stylesheet" href="assets/css/main_style.css">
<!-- Fav Icon -->
<link rel="icon" type="image/png" sizes="32x32" href="assets/imgs/favicon-32x32.png">

<!-- Bootstrap CSS Second Try with the "absolute" path used on heroku-->`enter code here`
<link rel="stylesheet" href="https://whispering-waters.herokuapp.com/vendor/twbs/bootstrap/dist/css/bootstrap.min.css">
<!-- General CSS -->
<link rel="stylesheet" href="https://whispering-waters.herokuapp.com/assets/css/main_style.css">
<!-- Fav Icon -->
<link rel="icon" type="image/png" sizes="32x32" href="https://whispering-waters.herokuapp.com/assets/imgs/favicon-32x32.png">


<!-- Bootstrap CSS Third Try with CDN-->
<link rel="stylesheet" href="<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- General CSS -->
<link rel="stylesheet" href="https://whispering-waters-50467.herokuapp.com/assets/css/main_style.css">
<!-- Fav Icon -->
<link rel="icon" type="image/png" sizes="32x32" href="https://whispering-waters-50467.herokuapp.com/assets/imgs/favicon-32x32.png">

我原以为其中的任何一个都会修复 Heroku 上的 CSS 和 JS 加载。我接受任何建议。提前致谢

Answer 1

我想通了。问题是 Composer 包管理。我修复了元素 Composer 的依赖关系，它开始工作了。我意识到这个问题也可能发生在 NodeJs npm 和其他包管理器上。如果有人面临同样的问题，值得尝试验证您的包依赖性。

衷心感谢您的支持。