[object%20Module]:1 GET http://localhost:8088[object%20Module] 404 (Not Found)....圖片加載不出來


在寫vue項目的時候,九宮格的圖片一直加載不出來,顯示一直報錯,報錯內容如標題所示。

錯誤頁面:

 

顯示圖片的代碼成了這個東東

    仔細看了看不是路徑問題,其他也不知道是哪里的錯,一臉迷茫!!!

 

於是我在網上尋找解決方法,在眾多的解決方案中終於找到了一個可以對症下葯的方法。

原因:

在url-loader內部封裝了file-loader ,而file-loader在新版本中esModule屬性默認為true 即默認使用ES模塊語法
導致了造成了引用圖片文件的方式和以前的版本不一樣了。所以需要關閉ES模塊語法。

解決方法:

中,給圖片的第三方加載器的匹配規則中,添加esModule: false
關閉ES模塊語法即可

 

之前我是這樣寫的:

 

 改成這樣:

 

 修改后重新啟動就正確顯示了

 


免責聲明!

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



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