日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

解決webpack打包后圖片加載失敗的bug(適用于所有本地靜態資源)

作者:LangForOne 更新時間: 2023-10-27 編程語言

在這里插入圖片描述
最左的圖片是解決后加載成功的,另外三張是加載失敗的。

原因:webpack把img當成是一種資源,所以使用時要先引進,給路徑加上require()即可~

解決方法:
在這里插入圖片描述數組的第一個對象的pic_url是加了require()的,第二個是沒加的,對應最初那張頁面效果。所以第一張能顯示,第二到第四張加載失敗。

在這里插入圖片描述
上紅框為能加載成功的圖片的路徑(打包到了dist目錄下的assets靜態資源文件夾下),下紅框為加載失敗的路徑(依舊是本地的原路徑)
在這里插入圖片描述

全部url都加上require(),完工?。ㄊ謩铀?,哈哈)

原文鏈接:https://blog.csdn.net/vvv3171071/article/details/121020276

  • 上一篇:沒有了
  • 下一篇:沒有了
欄目分類
最近更新