我將 Nextjs 和 Tailwind 用于 css。我部署到 vercel，因為它針對 Nextjs 進行了優化，但我的背景影像在部署后沒有顯示。
回購：https ://github.com/Dayropo/tkbrown 網站：https ://tkbrown-6di53m6xz-dayropo.vercel.app
當我檢查開發人員工具時，我看到了這個
.bg-swirl { 背景影像： url(webpack:///mini-css-extract-plugin/_next/static/media/swirl_t1.8b530f8a.png) }
uj5u.com熱心網友回復：
將您更改tailwind.config.json為以下內容：
module.exports = {
content: [
"./pages/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
fontFamily: {
playfair: "Playfair Display, serif",
hind: "Hind, sans-serif",
poppins: "Poppins, sans-serif",
oswald: "Oswald, sans-serif",
},
fontSize: {
"4.5xl": "2.5rem",
},
backgroundImage: {
swirl: "url('/swirl_t1.png')",
about: "url('/about-background.png')",
aboutCloud:
"url('https://res.cloudinary.com/dayropo/image/upload/v1650049471/about-background_zhkq9b.png')",
},
colors: {
modal: "rgb(0, 0, 0, 0.9)",
gravy: "#FFFFFF80",
opa: "rgb(0, 0, 0, 0.5)",
dark: "#777777",
},
},
},
plugins: [],
}
背景影像： url('') 應該有'或"
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/459117.html