netlify/netlify-plugin-gatsby

[Bug]: Image stuff not being enabled

raae opened this issue · 5 comments

raae commented

Summary

My site usepow.app (pow-site is the Netlify id) stopped working with Gatsby Image CDN.

@ascorbic said in convo:

It looks from your logs that none of tyhe image stuff is being enabled

It worked at one point after I set GATSBY_CLOUD_IMAGE_CDN to true in the UI, then it stopped.

Steps to reproduce

  1. Got to usepow.app
  2. Scroll to the bottom
  3. Observe black squares

A link to a reproduction repository

No response

Plugin version

3.0.0

More information about your build

  • I am building using the CLI
  • I am building using file-based configuration (netlify.toml)

What OS are you using?

No response

Your netlify.toml file

`netlify.toml`
# Paste content of your `netlify.toml` file here

Configuration

`gatsby-config.js` and options
# Paste content of your `gatsby-config.js` file, and/or command line options here. Check there is no private info in there.

Environment

Environment
# Paste output from `npx envinfo` here.

Gatsby info

gatsby info
# Paste output from `gatsby info` here.

Your _redirects file

`_redirects`
# Paste content of your `_redirects` file here

Builds logs (or link to your logs)

Build logs
# Paste logs here

Function logs

Function logs
# Paste logs here

Hi @raae, I'd like to look into this further. Are you able to provide a reproduction repo that I can look at?

raae commented

The repo is olavea/pow-site @orinokai and works locally. It also worked on Netlify up until new work on May 4th.

Works: https://app.netlify.com/sites/pow-site/deploys/626bdcfe43615700088164e3
Does not work: https://app.netlify.com/sites/pow-site/deploys/627200a58d3c77000821e1d6

Change in code: https://github.com/olavea/pow-site/compare/f64fe2d..0ef77b9

Might be that adding gatsby-plugin-netlify messed things up?
It was added to support redirects.

Thanks for the info, @raae. I cloned the repo and unfortunately those thumbnails 404 for me when doing a local npm run build && npm run serve. I also tried reverted to f64fe2d and could replicate the issue. It seems to be intermittent though, on my first try only one image was blank.

raae commented

The images are coming through this plugin: https://github.com/queen-raae/gatsby-source-youtube-oembed. It has a demo site and I deployed it to Gatsby Cloud and Netlify. It works on Gatsby Cloud and not on Netlify.

https://sweet-shortbread-13a460.netlify.app/
https://gatsbysourceyoutubeoembedmain.gatsbyjs.io/ (it takes a tiny bit to load)

I enabled Image CDN the same way as for the pow-site using GATSBY_CLOUD_IMAGE_CDN to true in the UI. Am I doing it wrong?

I was able to get the demo site to work by creating a site with the following settings:

base directory = demo
build command = gatsby build
publish directory = demo/public

GATSBY_CLOUD_IMAGE_CDN = true
NETLIFY_USE_YARN = true

https://rs-test-gatsby-source-youtube-oembed.netlify.app