TypeError: unsupported file type: undefined (file: undefined)

[Jaydeep189]

error - ./public/logo/amc.png
TypeError: unsupported file type: undefined (file: undefined)

This is my next.config.js

I am using imagemin-optipng for optimization

I am building a static site with nextjs

const nextConfig = withOptimizedImages({
  optimizeImagesInDev: true,
  reactStrictMode: true,
  swcMinify: true,
  experimental: {
    images: {
      unoptimized: true,
    },
  },
});
module.exports = nextConfig;

[signorbusi]

I'm facing exactly the same problem

[abbasEbadian]

I used the withPlugins version of .next.config file and set handleImages: ['*'] then the error gone.

[hannah26hannah]

I also encounted this error. I'm using withPlugins as well, and for the default config, I set disableStaticImages inside images as true and luckily it resolved this error.

const nextConfig = {
...
  images : {
    disableStaticImages: true,
  }
...
}

[CallumJHays]

I updated from next@10 to next@12 and ran into this. @abbasEbadian 's fix did silence the error but broke all images.

@hannah26hannah 's fix on the other-hand worked. Cheers!

[Jaydeep189]

disableStaticImages: true,

It worked!
Thanks