Error: Failed to process image ...gif. Input buffer contains unsupported image format

[FilledStacks]

Description

I can't build my project at the moment

Steps to reproduce

This is an older project that use to work, now it's not working anymore. I have gif files on the site, it's still up, but I when building locally it fails and gives me the error below

Expected result

What should happen?

Actual result

I can't build it

Environment

System: OS: macOS 12.6 CPU: (10) arm64 Apple M1 Pro Binaries: Node: 18.13.0 - ~/.nvm/versions/node/v18.13.0/bin/node Yarn: 1.22.18 - /opt/homebrew/bin/yarn npm: 8.19.3 - ~/.nvm/versions/node/v18.13.0/bin/npm Browsers: Chrome: 108.0.5359.124 Safari: 16.0 npmPackages: @gridsome/plugin-google-analytics: ^0.1.2 => 0.1.2 @gridsome/plugin-sitemap: ^0.4.0 => 0.4.0 @gridsome/remark-prismjs: ^0.5.0 => 0.5.0 @gridsome/source-filesystem: ^0.6.2 => 0.6.2 @gridsome/transformer-remark: ^0.6.4 => 0.6.4 gridsome: ^0.7.23 => 0.7.23 gridsome-source-firestore: ^1.1.1 => 1.2.0

[vstollen]

I encountered the same issue, but I'm on Manjaro.

I don't know why, but removing the libvips package from my system seems to have fixed the problem for me.