Error .jpg : Expected a `string`, got `object` about image-minimizer-webpack-plugin

[alexander-akait]

Please update https://github.com/webpack-contrib/image-minimizer-webpack-plugin/releases/tag/v4.0.2 and use configuration above, feel free to feedback

[redRusUnstpbl]

@alexander-akait you can check my rep for investigation, I tried different options, but the error is always the same. Its clear project with only react, typescript and some loaders, without extra plugins.

https://github.com/redRusUnstpbl/sv_st1/

[alexander-akait]

Found a problem, bug in imageminSvgo:

in imagemin-svgo, they expected it should be buffer or string

if (!isSvg(buffer)) {
  return buffer;
}

But in is-svg:

if (typeof string !== 'string') {
  throw new TypeError(`Expected a \`string\`, got \`${typeof string}\``);
}

So imagemin-svgo accepts string | Buffer, but is-svgo only string

weird, WIP on this

[redRusUnstpbl]

@alexander-akait It work now, thx )

[alexander-akait]

Hm, looks like something wrong with options, because imagemin doesn't validate them

[alexander-akait]

Investigate

[alexander-akait]

Okay, looks like imagemin-svgo is not compatibility with imagemin@9, but it is not a problem - let's use it directly, I will fix our docs, so after #444 merged (I want to do it today), please use this configuration:

new ImageMinimizerPlugin({
  minimizer: [
    {
      implementation: ImageMinimizerPlugin.imageminMinify,
      options: {
        // Lossless optimization with custom option
        // Feel free to experiment with options for better result for you
        plugins: [
          ["gifsicle", { interlaced: true }],
          ["jpegtran", { progressive: true }],
          ["optipng", { optimizationLevel: 5 }],
        ],
      },
    },
    {
      implementation: ImageMinimizerPlugin.svgoMinify,
      options: {
        encodeOptions: {
          // Pass over SVGs multiple times to ensure all optimizations are applied. False by default
          multipass: true,
          plugins: [
            {
              name: "preset-default",
              params: {
                overrides: {
                  removeViewBox: false,
                  addAttributesToSVGElement: {
                    params: {
                      attributes: [{ xmlns: "http://www.w3.org/2000/svg" }],
                    },
                  },
                },
              },
            },
          ],
        },
      },
    },
  ],
});

There is an issue with imagemin-svgo - imagemin/imagemin-svgo#62, you faced with it, but I can't fix it here