Laravel 8 Inertia Jetstream 网站呈现空白答案

【问题标题】：Laravel 8 Inertia Jetstream website render blankLaravel 8 Inertia Jetstream 网站呈现空白
【发布时间】：2022-01-05 21:17:30
【问题描述】：

我正在为客户开发一个项目，该项目有时会呈现空白......我必须在它再次呈现页面之前进行硬刷新，并且在控制台中出现 0 个错误。

对我来说复制问题的简单方法是访问website 进行几次非硬刷新“CTRL + R”，它会突然呈现完全空白并继续这样直到你进行硬刷新

当页面呈现空白时，只会呈现来自HandleInertiaRequest.php 的数据，如下图所示：

当页面按预期呈现时，HandleInertiaReuqest.php 数据下方有数据：

我不知道如何解决这个问题，有人遇到过这个问题here，但他的问题和我的不完全一样，他的解决方案在这里没什么好担心的..这种情况经常发生然后，实际上经常......它发生在移动设备和桌面设备上。

我在控制台中一无所获，似乎在进行硬刷新之前它不会渲染，这是一个实时项目，我认为这对project 造成了很大的破坏。

老实说，我正在考虑用 livewire 重写整个项目，只是看看这是否会停止..

【问题讨论】：

您需要在此处发布一些实际代码。不仅仅是呈现的 HTML。
@Garry 你想让我发布什么代码？我的整个项目？它只是空白，什么代码可能导致，没有错误？你想让我从哪里开始？我不知道这是从哪里来的……这就是我链接到该项目的原因，它只是空白的便便随机空白……如果我知道那将是什么代码，我会发布该代码……但是作为我在我的帖子中提到，没有错误......它有时只是呈现空白，并且需要在再次运行之前进行硬刷新
我可以看看你的 app.js ,webpack.mix.js 吗？
@Garry 当然，我真的很感谢你的帮助，因为这现在很常见而且非常令人沮丧，问题已更新
@Garry 奇怪的是我可以访问其他页面之一，当我单击加载空白页面的链接时，它将加载页面，但如果我然后刷新页面它不会再次加载它

标签： php laravel vue.js laravel-8 inertiajs

【解决方案1】：

在更新惯性、Jetstream 软件包等后，我在我的谷歌分析脚本中添加了“延迟”，question 指出了正确的方向，现在已经解决了。

将谷歌分析脚本更改为：

<!-- Global site tag (gtag.js) - Google Analytics -->
<script defer async src="https://www.googletagmanager.com/gtag/js?id=G-SDK4391YJ7"></script>
<script defer>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-SDK4391YJ7');
</script>

【讨论】：