【问题标题】:React PWA fails to reload in Chrome Dev ToolsReact PWA 无法在 Chrome 开发工具中重新加载
【发布时间】:2019-08-09 22:53:07
【问题描述】:

我尝试通过 create-react-app 创建 PWA。

反应:16.8.4

反应脚本:2.1.8

铬:72.0.3626.121

重现此的最低设置是:

编辑src/index.js并将serviceWorker.unRegister()更改为serviceWorker.register()

创建生产版本并提供应用程序

npm run build && serve -s build

浏览到http://localhost:5000 并查看我的应用程序。

当我进入离线模式(停止服务器或在网络选项卡中选择离线)并点击重新加载时,浏览器会加载应用程序,显然是通过服务工作者。

当我在离线状态下打开 Chrome 开发工具并点击重新加载时,浏览器显示 ERR_INTERNET_DISCONNECTED,Service Worker 在调试模式下没有做任何事情。

在 Firefox 中,应用程序在正常情况下和在 Firefox 调试器中都可以离线工作。

如何在 Chrome 中调试 Service Worker?

【问题讨论】:

  • 如果您进入this workaround posted in SO,当您在“网络”下打开控制台而不是选择“离线”时,请尝试“不限制”。
  • 谢谢,我的 Chrome 版本似乎没有“不限制”选项。也许引用的帖子描述了旧版本的 Chrome(2015 年 10 月 17 日)。

标签: reactjs google-chrome-devtools service-worker create-react-app progressive-web-apps


【解决方案1】:

原来我在 Application 选项卡中检查了 Bypass for Network。在这种情况下,任何请求都会直接发送到网络,这会使 service worker 变得无用。

【讨论】:

    猜你喜欢
    • 2013-05-05
    • 2018-01-02
    • 2016-01-11
    • 1970-01-01
    • 2016-08-30
    • 1970-01-01
    • 2016-06-11
    • 1970-01-01
    相关资源
    最近更新 更多