Heroku/Node.js - 部署不加載CSS？

我想使用node.js將網站部署到Heroku，並且遇到了一些問題。當我在本地運行我的網站時，它看起來和我預期的一樣。但是，一旦我將它部署到Heroku，它似乎不識別我包含的CSS文件，儘管它使用相同的確切文件和文件結構。Heroku/Node.js - 部署不加載CSS？

我已確認我的HTML和CSS代碼在語法上是正確的，並且CSS文件正在通過Git進行推送。我通過改變CSS中的一件事來做出承諾，確保它被推送（它）。

以下是我訪問CSS文件：

<link rel="stylesheet" type="text/css" href="css/style.css">

這裏的網站看起來本地（左）和部署在Heroku上使用完全相同的代碼（右）的圖像（黑匣子只是從我遮掩一些個人的細節）。

有誰知道爲什麼Heroku的拒絕使用我的CSS？我一直在絞盡腦汁2天，因此無法弄清楚。

您是否試圖通過瀏覽器的地址欄訪問Heroku CSS文件？你確定CSS文件已經部署完畢嗎？ ...當您加載頁面時，您可能會收到HTTP 404錯誤（找不到文件）？嘗試在瀏覽器中打開Web Inspector並查看是否有任何404錯誤。 –

我沒有收到404錯誤，而只是加載了網址，其中唯一的變化是「/style.css」附加到URL。網頁的內容不會改變，CSS文件不會顯示。 Inspector顯示style.css有0條規則，所以我可以假設Heroku沒有應用它（儘管Git說文件被推送了）。 –

我有完全相同的問題，它發生我想念我整個代碼中的一個字符。讓我解釋一下

當我heroku打開我的項目時，沒有加載css，但有趣的是，jquery工作正常，jquery從css文件獲得的CSS很好。 css文件不是問題。

然後我發現瀏覽器阻止了一些 content。如果您告訴瀏覽器閱讀阻止的內容，它將顯示頁面沒有問題，但它會顯示一個帶有可怕紅線的https穿越它，而不是一個選項。然後我查看了瀏覽器阻止的內容（blocked content）這是我的引導鏈接。

所以我把我的bootstrap和http連接起來而不是https。我添加了字母s，現在工作正常。

2016-10-10 15:58:50 mauri

回答