Questions tagged [gatsby-plugin]
246 questions
9
votes
2 answers
Invalid plugin options for "gatsby-source-contentful"
I'm encountering the following error when attempting to open a project I forked via GitHub.
success open and validate gatsby-configs - 0.492s
ERROR #11331 PLUGIN
Invalid plugin options for "gatsby-source-contentful":
- "accessToken" is…

Blake Lucey
- 349
- 1
- 7
- 18
7
votes
1 answer
data option in sassOptions stopped working in gatsby-plugin-sass after upgrading to v3 and replaced node-sass with sass
I decided to remove node-sass from my gatsby project and use sass instead. I followed what is mentioned here for v3. I removed node-sass and now I have these versions in my package.json:
"gatsby-plugin-sass": "3.1.0",
"sass": "1.32.5",
I need to be…

Makis K.
- 877
- 2
- 9
- 16
6
votes
0 answers
How to render MDX with 'gatsby-plugin-mdx' from allMdx query?
I'd like to render MDX content directly from list that is being returned from allMdx query. I'm using 'gatsbyjs' with 'gatsby-plugin-mdx'.
Let's have a query:
export const query = graphql`
query MyQuery {
allMdx {
nodes {
id
…

USHKA
- 647
- 4
- 18
6
votes
2 answers
How to pass a path of image as a prop in Gatsby in Gatsby-plugin-image
I am trying to pass a path of an image as a prop to a component
Note: Both the component and the index page can access the image through the same path. It is not working when i pass the path as a prop
In the below code i have tried with both…

Sanjay Kapilesh
- 269
- 1
- 4
- 16
6
votes
2 answers
Typescript & Gatsby: gatsby-plugin-ts + graphQL queries integration
I'm using gatsby-plugin-ts to generate types for my graphql page queries.
The issue I have is that all types generated return a T | undefined type for all fields, so I would need to check all query subfields before using them in any component,…

barmanthewise
- 359
- 4
- 10
6
votes
2 answers
Gatsby SCSS Module not compiling
Running Gatsby version 3.0.1, with sass 1.32.8. I've just started playing about with a few things and I've come into a weird problem that I cannot work out.
./gatsby-config.js
module.exports = {
/* Your site config here */
plugins: [
{
…

CircularRecursion
- 450
- 1
- 6
- 18
6
votes
2 answers
GitHub Actions fail with Gatsby Error: Input file contains unsupported image format
I use Gatsby and NetlifyCMS for my website and currently get the following error message at running Workflow in GitHub Actions:
error "gatsby-plugin-manifest" threw an error while running the onPostBootstrap lifecycle:
Error: Input file contains…

Arbnor
- 2,190
- 18
- 26
6
votes
3 answers
Gatsby - Adding Google fonts to Gatsby site
I'm trying to add a Google Font (Mukta Malar) in my Gatsby site.
I've seen many articles on adding Google fonts to a Gatsby site and most of them seem to use this plugin: gatsby-plugin-prefetch-google-fonts.
I've used the above plugin in my site by…

Arunster
- 185
- 1
- 8
5
votes
2 answers
Strapi & Gatsby image issue
I have been following these steps: https://github.com/strapi/gatsby-source-strapi
Since image >> publicURL also didn't work, I have reinstalled the newest version gatsby-source-strapi, in order to be able to get publicURL. This goes throug a local…

Katharina Schreiber
- 1,187
- 2
- 11
- 38
5
votes
3 answers
Error: Cannot find module 'gatsby-plugin-image/graphql-utils'
So I'm trying to run my test blog in Netlify but I have this error below.
I don't know what's happening
9:27:11 PM: error "gatsby-source-contentful" threw an error while running the setFieldsOnGraphQLNodeType lifecycle:
9:27:11 PM: Cannot find…

Neto Sena
- 147
- 2
- 5
4
votes
2 answers
gatsby stuck develop build on IMAGE_PROCESSING
The build process freezes at the moment Running gatsby-plugin-sharp.IMAGE_PROCESSING jobs
System:
OS: macOS 12.4
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 16.14.2 -…

KOSTDM
- 79
- 6
4
votes
1 answer
How to access environment variables inside Gatsby build files that are served using gatsby-plugin-nodejs
I have a GatsbyJS application that is served by NodeJS express server using gatsby-plugin-nodejs. I set an env variable in my Cloud foundry as GATSBY_MY_ENVIRONMENT="Production".
My NodeJS is using express and which have the following code.
const…

Lalas M
- 1,116
- 1
- 12
- 29
4
votes
1 answer
gatsby-plugin-image not installing via npm
I am trying to install gatsby-plugin-image via npm per the documentation https://www.gatsbyjs.com/plugins/gatsby-plugin-image#installation
Receiving the following errors in terminal:
$ npm install gatsby-plugin-image gatsby-plugin-sharp…

Jon Deavers
- 139
- 1
- 2
- 14
4
votes
3 answers
Getting an "Exported queries are only executed for Page components." in Gatsby when trying to generate pages
This seems to be a relatively common problem. I am trying to generate blog post pages but am experiencing this error and the pages show a 404 on load. Which means that they are not being generated.
Here is my code for the gatsby.node.js…

Tapha
- 1,491
- 3
- 17
- 32
3
votes
1 answer
Gatsby Build fails for 'Truncated Page data information'
I have a gatsby site with multiple pages. Gatsby develop is working , but once i try to build it and prepare it for deploy to hosting, it fails with the error :
Truncated Page data information for page...
Building static HTML failed for path…

jojo2345
- 41
- 3