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

Question

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

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

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

---

更新

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

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

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

Answer 1

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

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

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

错误信息不是很好。我已经向Gatsby提交了一个拉取请求，如果发生这种情况，它至少不会使页面崩溃。

Answer 2

事实证明，这是因为这些图像来自名为 ads 的文件夹，或者它们所使用的组件名为 Ad。我把它从广告改为代码字。在此之前我已禁用广告拦截。我不知道为什么这会引起这个问题。