question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Gatsby default starter throws "unsupported image format" error.

See original GitHub issue

Description

Immediately after running

gatsby new test-project
cd test-project
gatsby develop

There are build errors: Screen Shot 2020-01-18 at 12 38 28 PM

This also occurs with the blog starter.

Incredibly frustrating when trying to migrate a site to gatsby and not being able to get past step 1.

Steps to reproduce

gatsby new test-project
cd test-project
gatsby develop

Expected result

No errors and image/icon should load.

Actual result

Saw errors and manifest did not build correctly. I also could not run a build command successfully.

Environment

System: OS: macOS 10.15.2 CPU: (4) x64 Intel® Core™ i5-4288U CPU @ 2.60GHz Shell: 5.7.1 - /usr/local/bin/zsh Binaries: Node: 12.14.1 - ~/.nvm/versions/node/v12.14.1/bin/node Yarn: 1.21.1 - ~/.nvm/versions/node/v12.14.1/bin/yarn npm: 6.13.6 - ~/.nvm/versions/node/v12.14.1/bin/npm Languages: Python: 2.7.17 - /usr/local/bin/python Browsers: Chrome: 79.0.3945.130 Safari: 13.0.4 npmPackages: gatsby: ^2.18.12 => 2.18.12 gatsby-image: ^2.2.34 => 2.2.34 gatsby-plugin-manifest: ^2.2.31 => 2.2.31 gatsby-plugin-offline: ^3.0.27 => 3.0.27 gatsby-plugin-react-helmet: ^3.1.16 => 3.1.16 gatsby-plugin-sharp: ^2.3.5 => 2.3.5 gatsby-source-filesystem: ^2.1.40 => 2.1.40 gatsby-transformer-sharp: ^2.3.7 => 2.3.7

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

3reactions
spence-scommented, Jan 20, 2020
rm -rf node_modules &&
SHARP_IGNORE_GLOBAL_LIBVIPS=true yarn

resolved the issue.

This will affect anyone who has vips installed via brew or some other form as brew will automatically update global vips to the unsupport 8.9 version.

0reactions
pascalwhoopcommented, Feb 2, 2020

This doesn’t only affect mac users. I’m on linux (manjaro) with libvips installed and it’s also crashing there. Your ENV var helped though.

$ pacman -iQ libvips
Name            : libvips
Version         : 8.9.0-1
Description     : A fast image processing library with low memory needs
Architecture    : x86_64
URL             : https://libvips.github.io/libvips/
Licenses        : LGPL
Groups          : None
Provides        : None
Depends On      : cfitsio  fftw  imagemagick  libexif  libimagequant  libwebp  libxml2  openexr  orc  pango
Optional Deps   : None
Required By     : signal-desktop
Optional For    : None
Conflicts With  : None
Replaces        : None
Installed Size  : 7.39 MiB
Packager        : Felix Yan <felixonmars@archlinux.org>
Build Date      : Sat 18 Jan 2020 03:53:10 PM CET
Install Date    : Fri 31 Jan 2020 12:32:42 PM CET
Install Reason  : Installed as a dependency for another package
Install Script  : No
Validated By    : Signature
Read more comments on GitHub >

github_iconTop Results From Across the Web

GitHub Actions fail with Gatsby Error: Input file contains ...
The issue seems to be related to the favicon path, ensure that the path is correct and try changing it to other dummy...
Read more >
Troubleshooting Common Errors - Gatsby
This error message Field "image" must not have a selection since type "String" has no subfields. comes up when a GraphQL query is...
Read more >
Error "gatsby-plugin-manifest" Input file contains unsupported ...
I'm getting an unsupported image error when trying to deploy my Gatsby site to Netlify. The error is from the gatsby-plugin-manifest, see screenshot...
Read more >
Gatsby Changelog | 5.3.0
In normal circumstances the errors thrown by GraphQL or Gatsby itself will ... We updated our default Starter template gatsby-starter-default to contain ...
Read more >
gatsby | Yarn - Package Manager
Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps. It combines the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found