image-webpack-loader изображение не имеет содержимого

Question

Я использую загрузчик файлов и image-webpack-loader вместе, и он работает нормально, и мои изображения обычно копируются в папку сборки, как только выводимые изображения не отображаются, когда я пытаюсь открыть его,

module.exports = {
  entry: './src/scripts/index.js',
  module: {
    rules: [
      {
        test: /\.html$/,
        use: ['html-loader'],
      },
      {
        test: /\.(gif|png|jpe?g|svg)$/i,
        use: [
          {
            loader: 'file-loader',
            options: {
              name: '[name].[hash].[ext]',
              outputPath: 'images',
              esModule: false,
            },
          },
          {
            loader: 'image-webpack-loader',
            options: {
              mozjpeg: {
                progressive: true,
                quality: 65,
              },
              // optipng.enabled: false will disable optipng
              optipng: {
                optimizationLevel: 7,
              },
              pngquant: {
                quality: [0.65, 0.90],
                speed: 4,
              },
              gifsicle: {
                interlaced: false,
              },
              // the webp option will enable WEBP
              webp: {
                quality: 75,
              },
            },
          },
        ],
      },
    ],
  },
};

, и когда я проверяю изображения в сети, он говорит, что изображения не имеют содержимого