The next/image
component's default loader uses sharp
if its installed.
You are seeing this error because you have an outdated version of sharp
installed that does not support the AVIF image format.
AVIF support was added to sharp
in version 0.27.0 (December 2020) so your installed version is likely older.
sharp
by running yarn add sharp@latest
in your project directoryNEXT_SHARP_PATH
environment variable, then update the sharp
install referenced in that path, for example cd "$NEXT_SHARP_PATH/../" && yarn add sharp@latest
sharp
, you can instead disable AVIF by configuring formats
in your next.config.js
After choosing an option above, reboot the server by running either next dev
or next start
for development or production respectively.
Note: This is not necessary for Vercel deployments, since
sharp
is installed automatically for you.