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

IT技术 javascript reactjs gatsby netlify
2021-05-26 15:18:01

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

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

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

更新

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

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

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

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

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

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

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

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

其它你可能感兴趣的问题
上一篇ReactJS - ReactMount：根元素已从其原始容器中删除。新容器 下一篇在新的 CRA 中使用 babel 转译包后没有出现 CSS 和图像文件