Deploying on Netlify throws an error with my GraphQL/Gatsby/Contentful query, demands needless query parameter

Question

At first I was getting this error on my local build server, but I managed to fix it there... the query is still the same, but gatsby isn't throwing any errors with the query. But every time I try to deploy on Netlify it fails with the following message:

toFormat seems to be empty, we need a fileExtension to set it.
    1 | fragment GatsbyContentfulFluid_tracedSVG on ContentfulFluid {
 >  2 |   tracedSVG
      |   ^
    3 |   aspectRatio
    4 |   src
    5 |   srcSet
    6 |   sizes
    7 | }
 failed during stage 'building site': Build script returned non-zero exit code: 1
    8 |
    9 | query optbuildreposrccomponentsshopProductsJs2136335468 {
   10 |   products: allContentfulProduct {
   11 |     edges {
   12 |       node {
 Shutting down logging, 22 messages pending
 File path: /opt/build/repo/src/components/shop/Products.js
 Plugin: none

This is the same error I was getting locally and I have no idea why it is occurring. There should be no reason that toFormat is a required parameter. This is using the standard gatsby-source-contentful plugin API request which has always served the image without issue in the past. If I change the request to 'fixed' instead of 'fluid' the problem goes away, but I need fluid images for this part of the site.

I emailed the Netlify staff a few days ago, but am yet to receive a reply. Any help would be greatly appreciated.

i am facing the same problem....did you get the fix or any update? — ali
– ali, Commented Apr 23, 2020 at 10:28
Hi, umm, the problem kind of went away. I think I changed the queries to static images in the end. I'm sorry that I didn't document the process better. You can have a look at the repository at github.com/erasebegin/otherworld-ink — Chris Haupt
– Chris Haupt, Commented Apr 27, 2020 at 16:03

rodguima · Accepted Answer · 2020-08-17 15:04:41Z

3

For Those who are facing the same issue I came up with a simple solution.

Remove from all your file places that you used this extension _tracedSVG.

eg.

GatsbyContentfulFixed_tracedSVG

to

GatsbyContentfulFixed

Stop your gatsby server and use the follow command:

gatsby clean && gatsby develop
Commit and push your changes (in case you are using Github)
On Netlify find the option: Clear cache and deploy site

It should fix your Deployment on Netlify as well errors on your console :)

answered Aug 17, 2020 at 15:04

rodguima

616 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jay Cuthrell · Accepted Answer · 2020-02-21 22:53:08Z

1

Two suggestions:

Local: Double check your content for any image references that do not append a suffix of .png or .jpg
Netlify: Clear cache and deploy site

answered Feb 21, 2020 at 22:53

Jay Cuthrell

111 bronze badge

Collectives™ on Stack Overflow

Deploying on Netlify throws an error with my GraphQL/Gatsby/Contentful query, demands needless query parameter

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related