Error: Failed to process image ...gif. Input buffer contains unsupported image format
- Dominant language
- JavaScript
- Stars
- 8.5k
- Forks
- 466
- PR merge metrics
- No merged PRs in 30d
Description
## 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
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reproducing the local Gridsome build with the reported GIF files using the listed Node 18.13.0 and Gridsome 0.7.23 environment, then inspect the image-processing error and relevant dependency path. Done means the project builds successfully with the GIF files and no longer reports an unsupported image format.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, nodejs
- Domain
- build-system
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 20/100