Javascript 主页的布局在本地主机上看起来不错，但不是实时的？

当我发布我的网站（盖茨比网站通过Netlify）时，live主页的布局会被破坏，而localhost主页则不会

它变得更奇怪了。当导航到live站点上的另一个页面时，布局问题是固定的，当我返回主页时，布局问题也是固定的，但是，当页面刷新时，布局问题会返回

localhost的屏幕截图（正确）：

现场截图（已损坏）：

我检查了开发人员工具是否有错误，但没有。我一辈子都搞不清楚发生了什么事。有什么帮助吗

---

如果我的repo有帮助的话，那么我的实时url是

发生的事情是你在阻止React的再水化，这就是为什么它在前后移动（导航到站点）时会出现这种奇怪的行为，这取决于再水化过程是否成功

当您直接指向React正在操作的DOM而不是虚拟DOM（vDOM），或者换句话说，指向React生态系统和生命周期之外的DOM时，就会发生这种情况

在你的简历中，你有：

  <Helmet>
    <script type="text/javascript">{`window.$crisp=[];window.CRISP_WEBSITE_ID="3f96f73e-9f2d-40ac-81d8-12ba7e9462b4";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();`}</script>
  </Helmet>

注意：或者复制

文件夹中的
default html.js
，并将其重命名为
html.js

在那里，您可以将脚本添加到结果
html.js
文件中，该文件位于
中

如果这不起作用，还有其他方法可以将脚本插入到
中，但其思想是从React组件中删除DOM指针元素

附言：在本地建立你的网站（
gatsby build&&gatsby service
）将重现同样的行为。
谢谢你的深入回答，费兰！不幸的是，注释掉这一行并没有修复它，事实上它以前在这个脚本中工作得很好。您对它可能是什么有任何其他想法吗？您应该在指向DOM的任何其他代码（
窗口
）
cp .cache/default-html.js src/html.js