[Bug]: Image stuff not being enabled
raae opened this issue · comments
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
- Got to usepow.app
- Scroll to the bottom
- 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 hereConfiguration
`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 hereBuilds 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?
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.
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