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 stuck on generating image thumbnails

See original GitHub issue

Steps to reproduce

  • git clone https://github.com/excalidraw/excalidraw-blog.git
  • cd
  • yarn
  • yarn start

image

Expected result

It finishes and runs

Actual result

It gets stuck, nothing happens

Environment

yarn gatsby info --clipboard
Using globally installed version of Yarn
yarn run v1.12.1
$ /Users/vjeux/random/excalidraw-blog/node_modules/.bin/gatsby info --clipboard

  System:
    OS: macOS Mojave 10.14.6
    CPU: (8) x64 Intel(R) Core(TM) i7-4980HQ CPU @ 2.80GHz
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 13.5.0 - /var/folders/5g/017j6z2s7cg5g0n630b2hz00nw04y4/T/yarn--1586633275550-0.4174312792538786/node
    Yarn: 1.12.1 - /var/folders/5g/017j6z2s7cg5g0n630b2hz00nw04y4/T/yarn--1586633275550-0.4174312792538786/yarn
    npm: 6.13.4 - ~/.nvm/versions/node/v13.5.0/bin/npm
  Languages:
    Python: 2.7.16 - /usr/bin/python
  Browsers:
    Chrome: 80.0.3987.163
    Safari: 13.1
  npmPackages:
    gatsby: 2.20.2 => 2.20.2
    gatsby-image: 2.3.1 => 2.3.1
    gatsby-plugin-dark-mode: 1.1.1 => 1.1.1
    gatsby-plugin-feed: 2.4.1 => 2.4.1
    gatsby-plugin-google-analytics: 2.2.2 => 2.2.2
    gatsby-plugin-manifest: 2.3.3 => 2.3.3
    gatsby-plugin-offline: 3.1.0 => 3.1.0
    gatsby-plugin-react-helmet: 3.2.1 => 3.2.1
    gatsby-plugin-sharp: 2.5.3 => 2.5.3
    gatsby-plugin-sitemap: 2.3.1 => 2.3.1
    gatsby-plugin-twitter: 2.2.1 => 2.2.1
    gatsby-plugin-typography: 2.4.1 => 2.4.1
    gatsby-plugin-zeit-now: 0.2.0 => 0.2.0
    gatsby-remark-copy-linked-files: 2.2.1 => 2.2.1
    gatsby-remark-embedder: 1.16.0 => 1.16.0
    gatsby-remark-images: 3.2.1 => 3.2.1
    gatsby-remark-prismjs: 3.4.1 => 3.4.1
    gatsby-remark-responsive-iframe: 2.3.1 => 2.3.1
    gatsby-remark-smartypants: 2.2.1 => 2.2.1
    gatsby-source-filesystem: 2.2.2 => 2.2.2
    gatsby-transformer-remark: 2.7.1 => 2.7.1
    gatsby-transformer-sharp: 2.4.3 => 2.4.3

✨  Done in 1.44s.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:17 (9 by maintainers)

github_iconTop GitHub Comments

2reactions
supposedlycommented, Oct 18, 2020

+1 CLI version 2.12.109, always gets stuck at 100%. Oddly, if I hit Ctrl+C when it hangs and then rerun gatsby build/gatsby develop, the second run completes pretty much instantly (~30 seconds). The bug(?) caused my last remote deploy to take 14 minutes, but locally, I can get it to complete in under 2 minutes if I Ctrl+C and restart.

Any insight into what’s going on…? --verbose doesn’t say anything about the thumbnail-generation process.

Here’s my gatsby info:

System:
    OS: Windows 10 10.0.19042
    CPU: (8) x64 Intel(R) Core(TM) i5-8265U CPU @ 1.60GHz
  Binaries:
    Node: 14.12.0 - C:\Program Files\nodejs\node.EXE
    npm: 6.14.8 - C:\Program Files\nodejs\npm.CMD
  Languages:
    Python: 2.7.16
  Browsers:
    Chrome: 86.0.4240.75
    Edge: Spartan (44.19041.423.0), Chromium (86.0.622.43)
  npmPackages:
    gatsby: ^2.24.80 => 2.24.80 
    gatsby-disable-404: ^0.2.1 => 0.2.1 
    gatsby-image: ^2.4.8 => 2.4.8 
    gatsby-plugin-ffmpeg: ^0.3.1 => 0.3.1 
    gatsby-plugin-manifest: ^2.4.13 => 2.4.13 
    gatsby-plugin-mdx: ^1.2.46 => 1.2.46 
    gatsby-plugin-offline: ^3.2.12 => 3.2.12 
    gatsby-plugin-react-helmet: ^3.3.5 => 3.3.5 
    gatsby-plugin-remove-trailing-slashes: ^2.3.9 => 2.3.9 
    gatsby-plugin-sass: ^2.3.6 => 2.3.6 
    gatsby-plugin-sharp: ^2.6.36 => 2.6.36 
    gatsby-plugin-styled-components: ^3.3.11 => 3.3.11 
    gatsby-source-filesystem: ^2.3.13 => 2.3.13 
    gatsby-transformer-ffmpeg: ^0.3.8 => 0.3.8 
    gatsby-transformer-mdx: ^1.2.0 => 1.2.0 
    gatsby-transformer-sharp: ^2.5.7 => 2.5.7 
    gatsby-video: ^0.2.0 => 0.2.0 
  npmGlobalPackages:
    gatsby-cli: 2.12.109
2reactions
adesugbaacommented, Apr 24, 2020

Hi everyone. Any fix on this? I am on

System:
    OS: macOS 10.15.5
    CPU: (12) x64 Intel(R) Core(TM) i9-8950HK CPU @ 2.90GHz
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 12.16.2 - /var/folders/5p/990_5m894_bdtrvqv_k81lm80000gn/T/yarn--1587757217559-0.17412205041655793/node
    Yarn: 1.22.4 - /var/folders/5p/990_5m894_bdtrvqv_k81lm80000gn/T/yarn--1587757217559-0.17412205041655793/yarn
    npm: 6.14.4 - /usr/local/bin/npm
  Languages:
    Python: 3.7.7 - /Users/ayo/anaconda3/bin/python
  Browsers:
    Chrome: 81.0.4044.122
    Firefox: 74.0
    Safari: 13.1.1
  npmPackages:
    gatsby: ^2.19.5 => 2.20.31
    gatsby-image: ^2.2.43 => 2.3.2
    gatsby-plugin-emotion: ^4.1.25 => 4.2.1
    gatsby-plugin-instagram-embed: ^2.0.1 => 2.0.1
    gatsby-plugin-mailchimp: ^5.1.2 => 5.1.2
    gatsby-plugin-manifest: ^2.2.47 => 2.3.3
    gatsby-plugin-netlify-cms: ^4.1.42 => 4.2.2
    gatsby-plugin-netlify-functions: ^0.0.3 => 0.0.3
    gatsby-plugin-offline: ^3.0.40 => 3.1.2
    gatsby-plugin-postcss: ^2.1.22 => 2.2.1
    gatsby-plugin-purgecss: ^4.0.1 => 4.0.1
    gatsby-plugin-react-helmet: ^3.1.23 => 3.2.1
    gatsby-plugin-recaptcha: ^1.0.5 => 1.0.5
    gatsby-plugin-sass: ^2.1.31 => 2.2.1
    gatsby-plugin-sharp: ^2.4.0 => 2.5.7
    gatsby-plugin-sitemap: ^2.3.3 => 2.3.3
    gatsby-plugin-smoothscroll: ^1.1.0 => 1.1.0
    gatsby-plugin-twitter: ^2.2.4 => 2.2.4
    gatsby-remark-embedder: ^2.0.0 => 2.0.0
    gatsby-remark-images: ^3.1.50 => 3.2.2
    gatsby-remark-images-contentful: ^2.2.4 => 2.2.4
    gatsby-remark-instagram-embed: ^1.0.0 => 1.0.0
    gatsby-source-contentful: ^2.1.98 => 2.2.7
    gatsby-source-filesystem: ^2.1.55 => 2.2.2
    gatsby-transformer-remark: ^2.6.59 => 2.7.1
    gatsby-transformer-sharp: ^2.3.18 => 2.4.4
  npmGlobalPackages:
    gatsby-cli: 2.11.14

I am unable to build locally. Gets stuck for minutes on

[==============              ]   33.265 s 37/72 51% run queries
[=======                    ]   33.246 s108/436 25% Generating image thumbn…

If I downgrade, it works on gatsby@2.20.13

Read more comments on GitHub >

github_iconTop Results From Across the Web

Why does gatsby develop work well, but gatsby build doesn't ...
In practice, errors not detected by gatsby develop won't be a big problem. Issues like this won't occur often. Of course, you have...
Read more >
Resolving Out-of-Memory Issues - Gatsby
First, image processing with gatsby-plugin-image (Generating image thumbnails). This is related loosely to the number of images. but more related to the ...
Read more >
All The Dumb Mistakes I Made Building My First Gatsby Site
/components/Hero.js import React from 'react' import Img from "gatsby-image"; import styled from 'styled-components' import ...
Read more >
I have a Gatsby site uploading for over an hour - Support
Using Gatsby Cloud to build - it took around 31 minutes to deploy to ... around 8000 remote files which create about 35,000...
Read more >
Understanding the lifecycle of Gatsby - EQOLOT
"Building development bundle". Finally, Gatsby processes and optimizes the images by generating image thumbnails (if you use the gatsby-plugin-sharp plugin) ...
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