gatsby-plugin-manifest - Input file contains unsupported image format

[fmunirdev]

Started facing this issue recently on the Nelify build. gatsby build works perfectly fine in the local env.

gatsby-config.js

    {
      resolve: `gatsby-plugin-manifest`,
      options: {
        name: `name`,
        short_name: `sname`,
        description: `desc`,
        lang: `en`,
        start_url: `/`,
        background_color: `#fff`,
        theme_color: `#a50f20`,
        display: `standalone`,
        icon: `static/assets/images/icon.png`,
        icon_options: { purpose: `maskable` },
      },
    },

Nelify Deploy Logs

[vladar]

This sounds like is a duplicate of #20698

Likely happening because Netlify has global libvips installed that is incompatible with a local sharp version. The suggested solution is to re-install dependencies from scratch using SHARP_IGNORE_GLOBAL_LIBVIPS=true:

rm -rf node_modules &&
SHARP_IGNORE_GLOBAL_LIBVIPS=true yarn

We're marking this issue as answered and closing it for now but please feel free to comment and mention me if you would like to continue this discussion. We hope we managed to help and thank you for using Gatsby! 💜

[yiochen]

For anyone using Netlify and facing this issue, you can add the environment variable SHARP_IGNORE_GLOBAL_LIBVIPS with value true to https://app.netlify.com/sites//settings/deploys#environment

This fixed the issue for me.

[srianbury]

After the deploy failed, I was able to "Clear cache and retry deploy" and that build was successful

[eindra]

Setting the SHARP_IGNORE_GLOBAL_LIBVIPS fixed the issue for me! Thank you!

[TomaszWaszczyk]

Lost on that flag SHARP_IGNORE_GLOBAL_LIBVIPS so much time! Thanks @yiochen!

[jung-youjin]

Works like charm with the SHARP_IGNORE_GLOBAL_LIBVIPS variable setting and Clear cache and retry deploy! Thank you