3 回答

TA貢獻1847條經驗 獲得超11個贊
使用這個,它對我有用
<img src={require('./somRelativePath/image.jpg').default}
解釋 :
值 fromlet image1require('./somRelativePath/image.jpg')
不同于?import calendarPic from './somRelativePath/image.jpg';
如果您控制臺它們,則 value fromcalendarPic
是一個路徑,但如果您使用,則該值是一個像here這樣的require
對象。

TA貢獻1797條經驗 獲得超4個贊
我猜問題是圖像的位置。當您使用create-react-app
該應用程序時,該應用程序將被捆綁到該public
文件夾中。然后該require
語句將開始獲取圖像 - 在本例中是相對于文件public
夾而不是相對于src
文件夾。
我建議您嘗試將圖像移動到文件public
夾中,并嘗試使用src
相對于該public
文件夾的 URL。

TA貢獻1804條經驗 獲得超2個贊
上面的答案都不適合我。require(path)相反,我在 tag外部使用img并將其分配給一個變量,然后在imgtag內部使用該變量src。它就是這樣工作的。
const F = {
name: "Wei?",
image: require('./images/0453-Eastbourne-F961-F01.png')
}
圖像標簽內:
src = { F.image }
添加回答
舉報