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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Reactjs中無法使用require()導入圖片

Reactjs中無法使用require()導入圖片

慕萊塢森 2023-11-11 21:00:07
事情是這樣的,當我打開我的反應項目時,所有圖像都停止出現,這突然發生了,因為它在幾個小時前正在工作。這似乎是它們導入方式的問題,我一直使用的方法是src={require(./Picture)},我也嘗試過const logo = require('logo')  src={logo},import logo from './logo.png'唯一有效的方法是最后提到的。在調試時,每個谷歌都認為問題出在一個名為 webpack 的依賴項上,我嘗試刪除并重新安裝它,還安裝了舊版本,但沒有任何效果。知道是什么原因造成的嗎?
查看完整描述

1 回答

?
茅侃侃

TA貢獻1842條經驗 獲得超21個贊

如果您使用create-react-appandrequire導入圖像,require則返回 ES 模塊而不是字符串。這是因為file-loader該esModule選項默認啟用。


只需確保您通過以下方式之一導入圖像:


const image = require('../path/to/image.jpg').default;

// OR

import image from '../path/to/image.jpg';

所以

  • src={require(./Picture)}應該src={require(./Picture).default}

  • const logo = require('logo')應該const logo = require('logo').default

  • import logo from './logo.png'應該可以工作


查看完整回答
反對 回復 2023-11-11
  • 1 回答
  • 0 關注
  • 252 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號