已解決430363個問題，去搜搜看，總會有你想問的

無法解析“E:\React\react-demo\src”中的“/images/img-2.jpg”

首頁猿問無法解析“E:\Rea...

無法解析“E:\React\react-demo\src”中的“/images/img-2.jpg”

JavaScript

素胚勾勒不出你 2023-09-28 17:28:45

這是我的代碼，我正在嘗試添加圖像，但它顯示錯誤background-image: url('/images/img-2.jpg');編譯失敗。./src/App.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./src/App.css) Error: Can't resolve '/images/img-2.jpg' in 'E:\React\react-demo\src'

查看完整描述

4 回答

ABOUTYOU

TA貢獻1812條經驗獲得超5個贊

因為您要求的圖像未在src文件夾中找到！public也許您正在嘗試訪問React 項目文件夾中的圖像。

我朋友的生活很簡單，React - 使用 Webpack - 將 jpg/png..etc 圖像轉換為 Base64，然后將 URL 替換為 Base64... 就像這樣

因此，您需要在包含所有圖像的文件夾assets/images內創建一個文件夾 ?? src，然后在 CSS 中導入鏈接

  background-image: url("./assets/images/logo512.png");

同樣，React 會將圖像轉換為 base64！這將使圖像不依賴于文件夾路徑。

反對回復 2023-09-28

慕妹3242003

TA貢獻1824條經驗獲得超6個贊

將圖像添加到 src ...幾乎將其移至public文件src夾

background-image: url('/src/images/img-2.jpg');

反對回復 2023-09-28

呼如林

TA貢獻1798條經驗獲得超3個贊

我自己也遇到了類似的情況。這是我所做的修復：錯誤表明您在src下沒有圖像?? ??

只需將圖像??移動到src下，然后將 URL 重定向到它

background: url('/src/images/img-2.jpg');

反對回復 2023-09-28

慕婉清6462132

TA貢獻1804條經驗獲得超2個贊

*通過將 URL 路徑設置為 /image.png（如上例所示），瀏覽器將在 /image.png 處查找背景圖像。

如果您想將圖像組織到文件夾中，您還可以在 public/ 中創建另一個文件夾。*

Hello World

</div>

反對回復 2023-09-28

4 回答
0 關注
200 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

無法解析“E:\React\react-demo\src”中的“/images/img-2.jpg”

無法解析“E:\React\react-demo\src”中的“/images/img-2.jpg”

4 回答

添加回答