Internet Explorer DOM7009：无法在 URL 处解码图像：Mime 类型“image/webp”

Question

我正在使用 webpack 图像加载器来导入图像并在我的 scss 或 js 文件中使用它们。

问题是，图像是在 Chrome 中渲染的，而不是在 Firefox 或 IE 上。

在 IE Edge 上我收到以下错误：

由于我的网络标签显示图像的 mime 类型是 image/jpg

这是来自服务器的响应。

但是图像没有渲染

有人知道为什么会发生这个错误吗？我猜出于同样的原因，它没有在 Firefox 上呈现，但我不知道如何解决这个问题。它也发生在嵌入式图像中，例如：

数据：图像/png；Base64，.....

任何帮助将不胜感激，在此先感谢。

Answer 1

我意识到这个问题的原因是我的 webpack 图像加载器配置。我正在使用 webp 选项，因此启用了所有图像的 webp 转换，但不更改图像扩展名。我禁用了该选项，所有图像都再次显示。