慕萊塢森
2023-11-11 21:00:07
事情是這樣的,當(dāng)我打開我的反應(yīng)項(xiàng)目時(shí),所有圖像都停止出現(xiàn),這突然發(fā)生了,因?yàn)樗趲讉€(gè)小時(shí)前正在工作。這似乎是它們導(dǎo)入方式的問(wèn)題,我一直使用的方法是src={require(./Picture)},我也嘗試過(guò)const logo = require('logo') src={logo},import logo from './logo.png'唯一有效的方法是最后提到的。在調(diào)試時(shí),每個(gè)谷歌都認(rèn)為問(wèn)題出在一個(gè)名為 webpack 的依賴項(xiàng)上,我嘗試刪除并重新安裝它,還安裝了舊版本,但沒(méi)有任何效果。知道是什么原因造成的嗎?
1 回答

茅侃侃
TA貢獻(xiàn)1842條經(jīng)驗(yàn) 獲得超21個(gè)贊
如果您使用create-react-appandrequire導(dǎo)入圖像,require則返回 ES 模塊而不是字符串。這是因?yàn)閒ile-loader該esModule選項(xiàng)默認(rèn)啟用。
只需確保您通過(guò)以下方式之一導(dǎo)入圖像:
const image = require('../path/to/image.jpg').default;
// OR
import image from '../path/to/image.jpg';
所以
src={require(./Picture)}
應(yīng)該src={require(./Picture).default}
const logo = require('logo')
應(yīng)該const logo = require('logo').default
import logo from './logo.png'
應(yīng)該可以工作
添加回答
舉報(bào)
0/150
提交
取消