4 回答

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

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

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

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