**Notes on structure - My graphQL query is in Projects.js and is passing down all the info to Project.js which then uses gatsby image. But using gatsby images it's either blurry or blank as I stated above. *Note: I also tried to not use Gatsby Images and you will see a lot of other data in my query even without Gatsby images I cannot get the images to show up not broken. These are all things I have tried from other StackOverflow posts I've been reading the past couple of days. I've tried improving the quality but changing some settings but it didn't work. I have tried using older versions of Gatsby and gatsby-images this didn't work and it seems to break other things. cache folders and rebuilding (many times) - didn't work. implementing it yourself or cobbling together several standalone libraries. So this is all very nice and it’s far better to be able to use this from npm vs. ![]() Issue 12818 gatsbyjs/gatsby GitHub / Code gatsby-image Using fluid images on a flexbox layout when the images should have a max width. The gatsby-image component automatically enables a blur-up effect as well as lazy loading images that are not currently on screen. ![]() What I have tried: I have tried deleting my public and. gatsby-image Using fluid images on a flexbox layout when the images should have a max width. If I use childImageSharp.fixed it is blurry and if I use childImageSharp.noBase64 the image does not show up at all. Problem: I cannot get images to load using gatsby-image in my deployment to github pages - it works on my local machine. Project Description: Using Gatsby to create a portfolio website to showcase my JavaScript projects.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |