vue 項目中引入圖片使用相對路徑，圖片不顯示的問題

在 vue 項目中引入圖片，路徑為相對路徑時，會顯示 src="[object Module]"

采用 import 方式引入圖片，再設置到 src 中 會正常顯示

file-loader 版本

當 file-loader 版本為4.3.0 及以上時，需要在 配置文件中手動配置屬性 esModule 為 false

 

module.exports = {
  ...,

  module: {

    rules: [
     {
        test:/\.(png|jpg|jpeg|gif|svg)$/,
        use: [
          {
            loader:'file-loader',
            options: {
              esModule: false,
              name: 'images/[hash].[ext]'
            }
          }
        ]
      }
    ]
  }
}