Netlify is displaying the html version of my Gatsby website

user_6331353 0
Viewed 290

The website build is at https://5efbc255ca51be00080b5219--epic-raman-086510.netlify.app/ . It looks like the javascript isn't running, and only the html version(supposed to only be displayed to search engines) is being displayed.

It kinda looks like it might only be the home page. You can visit theWebsiteBuildLink/publications, or theWebsiteBuildLink/publications to see it working for other pages.

I've noticed the tab at the top of my browser displays a loading animation indefinately

Update

So it had something to do with the images being ads. The components were named things like AdImg and such, and in a folder called ads. I had adblocker disabled but for some reason this problem kept happening. I changed the name away from "Ad" to a code word and suddenly everything loads right.

It's still really concerning that just because so images named 'Ads' couldn't load, that every image on my website failed loading. Can anyone answer

  1. Why images in an ads folder, or created by an ads component were not loading properly, even with adBlocker disabled.
  2. Why this caused every other image on my website to fail loading
netlify gatsby reactjs javascript
2 Answers

I see the following stacktrace in the console:

TypeError: Cannot read property '0' of undefined
    at m (index.js:130)
    at p (index.js:100)

Looking at the source it refers to it looks like you have a page with an empty image tag without any parameters, i.e. <Img />.

The error message is not great. I've submitted a pull request to Gatsby that at least doesn't crash the page if this happens.

user_12478530

So it turns out it's because the images were from a folder named ads, or that the component they were made from was named Ad. I changed it away from being ads, to being a codeword. I had ad block disabled prior to this. I don't know why this would have caused the issue.

user_63313530
Related