4 回答

TA貢獻1812條經(jīng)驗 獲得超5個贊
因為您要求的圖像未在src
文件夾中找到!public
也許您正在嘗試訪問React 項目文件夾中的圖像。
我朋友的生活很簡單,React - 使用 Webpack - 將 jpg/png..etc 圖像轉(zhuǎn)換為 Base64,然后將 URL 替換為 Base64... 就像這樣
因此,您需要在包含所有圖像的文件夾assets/images
內(nèi)創(chuàng)建一個文件夾 ?? src
,然后在 CSS 中導(dǎo)入鏈接
background-image: url("./assets/images/logo512.png");
同樣,React 會將圖像轉(zhuǎn)換為 base64!這將使圖像不依賴于文件夾路徑。

TA貢獻1824條經(jīng)驗 獲得超6個贊
將圖像添加到 src ...幾乎將其移至public
文件src
夾
background-image: url('/src/images/img-2.jpg');

TA貢獻1798條經(jīng)驗 獲得超3個贊
我自己也遇到了類似的情況。這是我所做的修復(fù):錯誤表明您在src下沒有圖像?? ??
只需將圖像??移動到src下,然后將 URL 重定向到它
background: url('/src/images/img-2.jpg');

TA貢獻1804條經(jīng)驗 獲得超2個贊
*通過將 URL 路徑設(shè)置為 /image.png(如上例所示),瀏覽器將在 /image.png 處查找背景圖像。
如果您想將圖像組織到文件夾中,您還可以在 public/ 中創(chuàng)建另一個文件夾。*
<div style={{ backgroundImage: "url(/image.png)}}>
Hello World
</div>
添加回答
舉報