question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Gatsby Img from childMarkdownRemark not formatted in html

See original GitHub issue

Since I believe v2.0.0-beta.21 The html returned in the allGoogleDocs { nodes { childMarkdownRemark { html }}} now no longer formats any Gatsby Img. I believe I have the gatsby-config file set properly for all plugins. Is this an expected change in the newer versions? In my use case I was leaving in the extra, after the first, Gatsby Imgs to some of the generated pages content. I could change my code to handle the remaining images with childImageSharp, though for now the places I am expecting the Gatsby Imgs to render, the html content shows a broken image icon.

This is one part of a returned query showing the html :

        .....},
            {
          "images": [
            {
              "childImageSharp": {
                "fluid": {
                  "src": "/static/9b1c5e9e038eb6a5331765b1b65108d2/ee604/google-docs-image-7c430eb2-680e-576d-be56-2b5f5d49d1ff.png"
                }
              }
            },
            {
              "childImageSharp": {
                "fluid": {
                  "src": "/static/c49446a06709af5cb7f8690051fcdba3/ee604/google-docs-image-9f132562-b8bb-5e85-a4c1-cc80ed736ac8.png"
                }
              }
            }
          ],
          "childMarkdownRemark": {
            "html": "<p><img src=\".cache/caches/gatsby-source-google-docs/02f0d2b7da84c90500b9a85d278be615/google-docs-image-7c430eb2-680e-576d-be56-2b5f5d49d1ff.png\"></p>\n<p>The Gallery is delighted to announce that <a href=\"/established-living-contemporary/shannon-cray\">Shannon Cray</a> will be featured in the Spring issue of “In View” magazine, published by the Dulwich Picture Gallery, London, ..... painting in person.</p>\n<p>Please click on the image below to see a larger version of the article.</p>\n<p><img src=\".cache/caches/gatsby-source-google-docs/4f91ad108eb8b4aaf0356a2b22318327/google-docs-image-9f132562-b8bb-5e85-a4c1-cc80ed736ac8.png\"></p>"
          },
          "name": "Shannon Cray: Featured in the Dulwich Picture Gallery's \"In View\" magazine"
        },
        }.......

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
linoxyncommented, Oct 1, 2020

Yes, thank you! The new 2.0.0-beta.24 version fixes this issue.

0reactions
cedricdelpouxcommented, Oct 3, 2020

No problem, I will add some tests

Read more comments on GitHub >

github_iconTop Results From Across the Web

remark-images, frontmatter, string has no subfield · Issue #5298
Description I am trying to get images to load in my blog-post template by parsing them in the frontmatter of my markdown files....
Read more >
Why is markdownRemark undefined in this scenario?
This error indicates that Gatsby or Webpack expects a valid value there but finds an unvalid one that breaks the build. Two possible...
Read more >
Working with Images in Markdown & MDX - Gatsby
One way to do this is to grab the image filename from a frontmatter field and then transform it with gatsby-plugin-sharp in a...
Read more >
A comprehensive guide to images in Gatsby - orangejellyfish
Regardless, we need a way to handle situations where we don't know which image format we're dealing with. One solution is to expand...
Read more >
Gatsby Changelog | 5.3.0
Gatsby uses child processes to execute its GraphQL queries in parallel (with its own ... for this image format -- use the new...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found