Netlify 正在显示我的 Gatsby 网站的 html 版本

Question

网站构建位于 https://5efbc255ca51be00080b5219--epic-raman-086510.netlify.app/ 。看起来 javascript 没有运行，只显示 html 版本（应该只显示给搜索引擎）。

看起来它可能只是主页。 您可以访问 theWebsiteBuildLink/publications 或 theWebsiteBuildLink/publications 以查看它是否适用于其他页面。

我注意到浏览器顶部的选项卡会无限显示加载动画

---

更新

所以它与作为广告的图像有关。这些组件被命名为AdImg 之类的东西，并且位于一个名为 ads 的文件夹中。我禁用了广告拦截器，但由于某种原因，这个问题一直在发生。我将名称从“广告”更改为代码字，突然一切正常。

这仍然令人担忧，只是因为名为“广告”的图片无法加载，我网站上的每张图片都无法加载。谁能回答

1. 为什么广告文件夹中的图片或由广告组件创建的图片无法正确加载，即使禁用了 adBlocker。
2. 为什么这会导致我网站上的所有其他图片加载失败

Answer 1

所以事实证明这是因为图像来自名为 ads 的文件夹，或者它们的组成部分名为 Ad。我把它从广告改成了代码字。在此之前我禁用了广告屏蔽。我不知道为什么会导致这个问题。

Answer 2

我在控制台中看到以下堆栈跟踪：

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

查看它所引用的源，看起来您的页面带有一个没有任何参数的空图像标签，即<Img />。

错误信息不是很好。我已经向 Gatsby 提交了pull request，如果发生这种情况，至少不会导致页面崩溃。