react img使用require動態記載圖片報錯


我這里是這樣動態加載圖片的

 

 結果報錯找不到圖片,可是我檢查了很多遍,明明是這個路徑沒錯啊。

 

 

 查閱文檔后發現:

  • webpack本身是一個預編譯的打包工具,無法預測未知變量路徑 不能require純變量路徑
  • require(path) ,path 至少要有三部分組成, 目錄+文件名+后綴
  • 目錄 => webpack 才知道從哪里開始查找
  • 后綴 => 文件后綴,必須要加上,不然會報錯
  • 文件名 => 可用變量表示

於是我給它加上了目錄,問題就解決了。

 

 結論:require加載圖片,不能是純動態的地址,至少要給加載一個圖片的目錄,不然就會報錯。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM