在寫vue項目的時候,九宮格的圖片一直加載不出來,顯示一直報錯,報錯內容如標題所示。
錯誤頁面:
顯示圖片的代碼成了這個東東
仔細看了看不是路徑問題,其他也不知道是哪里的錯,一臉迷茫!!!
於是我在網上尋找解決方法,在眾多的解決方案中終於找到了一個可以對症下葯的方法。
原因:
在url-loader內部封裝了file-loader ,而file-loader在新版本中esModule屬性默認為true
即默認使用ES模塊語法
導致了造成了引用圖片文件的方式和以前的版本不一樣了。所以需要關閉ES模塊語法。
解決方法:
在中,給圖片的第三方加載器的匹配規則中,添加esModule:
false
關閉ES模塊語法即可
之前我是這樣寫的:
改成這樣:
修改后重新啟動就正確顯示了