Webpack 图像'；s src属性等于"；[对象对象]”；当通过网页包处理时

我使用Webpack来处理HTML和资产，下面是最小的

Webpack.config.js

：

const CleanWebpackPlugin=require（'clean-webpack-plugin'）；
const HtmlWebpackPlugin=require（'html-webpack-plugin'）；
常量输出_DIR=_dirname+'/dist'；
module.exports={
上下文：uu dirname+'/src'，
条目：'./index.js'，
模块：{
规则：[
{
测试：/\.html$/,，
使用：{
加载器：“html加载器”
}
},
{
测试：/\.jpg$/,，
使用：{
加载器：“文件加载器”，
选项：{
名称：'[name].[ext]'
}
}
}
]
},
插件：[
新的CleanWebpackPlugin([
输出目录
]),
新HtmlWebpackPlugin({
模板：“index.html”
})
],
输出：{
文件名：'[name].js'，
路径：OUTPUT_DIR，
公共路径：'/'
}
};

我的源代码

index.html

：

示例网页

问题是，在最终的HTML文档中，图像标记看起来像这样：

我将使用源HTML文档作为模板生成输出HTML，该模板是使用加载的

图像实际上已添加到输出目录中

---

我不确定我做错了什么？

没关系。升级依赖项后（我正在使用Thread进行升级：

Thread upgrade

），问题消失了。这是本周末Webpack生态系统中的第二个bug（疯狂）。

没有代码的答案没有什么价值。评论会给你的答案带来更多的分量和价值

  {
    test: /\.(png|jpe?g|gif)$/i,
    use: [
      {
        loader: "file-loader?name=images/[name].[ext]",
        options: {
          esModule: false
        }
      }
    ]
  }