reactjs - 缓存了 shell 的渐进式 webapp 仍然没有按预期运行？

Question

我在我的 React 应用程序中使用了 Sw-precache 来预缓存我构建的资产（即 vendor.js、app.js 和图标）。然而，结果并不理想。在页面重新加载时，我的应用程序资产都被再次（从服务人员）获取，但至少所有内容都会消失（页面变为空白）片刻并且资产出现。 我的应用程序在页面重新加载时的屏幕截图。相比之下，这是来自https://pwa.rocks/列表中的 Session应用程序。这确实具有离线缓存，即使在重新加载时也不会重新获取静态资产。这也是页面重新加载时会话应用程序的屏幕截图。我很肯定有些事情我没有做。我错过了什么？

Answer 1

可能很简单，您的 HTML 正在返回并且为空页面，并且 Javascript 需要时间来运行并使用内容填充 DOM，而 Session 正在返回从服务工作者填充的 HTML。