Questions tagged [gatsby-plugin]
246 questions
3
votes
2 answers
Gatsby-Source-Wordpress: Error when compiling. TypeError: Cannot destructure property 'fields' of 'nodesType' as it is undefined
When I go and try to run gatsby develop I get the following error:
TypeError: Cannot destructure property 'fields' of 'nodesType' as it is undefined.
at generateNodeQueriesFromIngestibleFields…
Kevin Carpenter
- 31
- 4
3
votes
1 answer
Gatsby: getImage returns undefined
getImage is returning undefined so my GatsbyImage component is not rendered.
File structure:
src/pages/gallery.js
src/images (has 12 photos named photo-01.jpg, photo-02.jpg, ...)
I have the following code (gallery.js):
import React from…
Nosredna
- 45
- 4
3
votes
3 answers
"Gatsby-plugin-sharp wasn't setup correctly in gatsby-config.js. Make sure you add it to the plugins array."
The most frustrating part is that I had this working earlier then somehow broke it, but I'm using gatsby-plugin-sharp and gatsby-plugin-image to add a photo to my homepage and seeing this error:
Gatsby-plugin-sharp wasn't setup correctly in…
Bryan Barrows
- 31
- 3
3
votes
1 answer
Issues with Gatsby Shadowing
I am using the @lekoarts gatsby-theme-minimal-blog. You can view my code here:
https://github.com/CodyWMitchell/my-site
I feel like I am losing hair because of how much time I have spent trying to get this working. I am running Gatsby locally, and…
Cody Mitchell
- 95
- 4
3
votes
2 answers
Only one page generated to sitemap with gatsby-plugin-sitemap
I am not able to create a sitemap for my Gatsy site.
The default setting of the plugin creates only one page even there is several pages:
https://www.thesite.nl/sitemap/sitemap-0.xml
If I try to override the default…
Patrik Rikama-Hinnenberg
- 1,362
- 1
- 16
- 27
3
votes
1 answer
Gatsby useStaticQuery with locale
I'm using gatsby with contentful data source and gatsby-plugin-react-int.
On each page of my site present the block with latest news, so I use the useStaticQuery hook to get data for the "News" component
export const useStaticNewsQuery = () =>…
Viktor Limishenko
- 43
- 4
3
votes
3 answers
Gatsby Config gives error in Javascript file for ?? operator
I am trying to run a Gatsby site but when I do npm run develop, I am getting this error:
> gatsby develop
ERROR #10123 CONFIG
We encountered an error while trying to load your site's gatsby-config. Please fix the error x try again.
Error:…
Ayman Patel
- 564
- 2
- 8
- 23
3
votes
2 answers
Increase timeout limit gatsby-source-wordpress-experimental
When fetching images it returns
Fetching image_url is taking a long time time (longer than 15 seconds). This file is File_size MB``` After few of this line it crashes with ```error RequestError: Timeout awaiting 'request' for 30000ms.
How can I…
Dipankar Maikap
- 447
- 4
- 13
3
votes
1 answer
extendTheme for Chakra-ui in Gatsby
I am working in Gatbsy and when I try and override the core Chakra theme using a shadow theme.js file in a gatsby-plugin-chakra-ui folder it has no effect.
Any thoughts please? I am using
import { extendTheme } from '@chakra-ui/core'
const theme =…
Nick Wild
- 525
- 1
- 11
- 22
3
votes
2 answers
Gatsby-image: provide the right image size to different resolution
I am struggling with Gatsby-image to provide the right image size to different resolution. I have an image of size 1920x367 (width x height) and the issue is visible when window size is small (mobile for example) because gatsy-image is using an…
lezan
- 759
- 6
- 23
3
votes
1 answer
Still getting flash of unstyled text when using gatsby google font plugins
My main font in gatsby is defined in the index.scss folder like this in a body tag.
body {
font-family: "Trebuchet MS", "Helvetica";
font-size: 16px;
}
For the title I want to use the google font and I have tried to preload using these…
Stringray08
- 33
- 7
3
votes
0 answers
How CSS Files are bundled in GatsbyJS
I wanted to play with all different types of styling methods in GatsbyJS. In my project, I have three types of implementing stylings, global CSS, CSS Modules and CSS-in-JS(styled-component). Everything works as expected. But, when I build the…
Mohamed Imran
- 651
- 7
- 20
3
votes
4 answers
(Gatsby-Strapi) Error: Request failed with status code 404
I want to follow the instruction :https://strapi.io/blog/building-a-static-website-using-gatsby-and-strapi#allowaccess
But encounter Error: Request failed with status code 404
Node.js version:
v10.13.0
npm version:
6.14.6
Strapi…
Gloria1009
- 61
- 1
- 6
3
votes
1 answer
Gatsby Smooth Scroll Anchor Links doesnt work when deployed to github pages
I have a Gatsby website which consist of a few pages. On the navbar, there are different links. Some links point to different pages while some links will bring you to that particular section on that page with a smooth scrolling effect.
TO achieve…
Nigel
- 985
- 1
- 11
- 16
2
votes
1 answer
SVG images don't render in Chrome for Gatsby/Headless Wordpress site
I'm using Gatsby 4.19.2 along with gatsby-source-wordpress (see package dependencies below).
I've also tried upgrading to 4.24.7 with same results. (I'd rather not go to version 5 yet unless someone thinks there's a fix waiting there.)
Here's the…
vulcan
- 706
- 5
- 8