Tailwindcss 背景圖像未在部署時顯示

Question

背景圖像和導航欄背景都不會呈現。 我正在使用 Vercel 和 Netlify 進行部署，並且在兩個站點上都使用了 build 命令以及發布目錄設置。 自從我第一次使用 Tailwind 以來嘗試檢查我的代碼，但我仍然無法弄清楚出了什么問題？

回購： https://github.com/d4nky/Tailwindcss-Portfolio
站點： https://inspiring-carson-2c8f1d.netlify.app

任何信息將不勝感激:)

Answer 1

您也必須將img目錄放在您的 dist 中，因為現在，您使用的是路徑/img/background.jpg ，它指的是 repo /dist/img/background.jpg文件，它不存在。

您可以在控制台中進行檢查，控制台顯示：

GET https://inspiring-carson-2c8f1d.netlify.app/img/background.jpg [HTTP/1.1 404 Not Found]

logo_size.jpg 。

您可以手動將這些目錄直接放入 dist 目錄，或者使用諸如 webpack 之類的捆綁工具來自動化。

Answer 2

因為網站找不到資源。

您在 index.html 中指定的鏈接是相對鏈接，其絕對路徑為path/to/index/ + value/of/src 。 例如，您的頁面實際上會在repo-root/dist/dist/中查找 main.js。

因此，您應該正確存儲和鏈接您的資源，或者學習使用捆綁技術，例如 webpack。