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

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

[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/<your site>/settings/deploys#environment

This fixed the issue for me.

[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! 💜