React PWA 无法在 Chrome 开发工具中重新加载

Question

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

反应：16.8.4

反应脚本：2.1.8

Chrome: 72.0.3626.121

重现此内容的最低设置是：

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

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

npm run build && serve -s build

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

当我进入离线模式（停止服务器或 select 在“网络”选项卡中离线）并点击重新加载时，浏览器加载应用程序，显然是通过 service worker。

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

在 Firefox 中，应用程序可以正常脱机工作，也可以在 Firefox 调试器中脱机工作。

如何在 Chrome 中调试 Service Worker？

Answer 1

原来我在 Application 选项卡中检查了 Bypass for Network。在那种情况下，任何请求都会直接发送到网络，这会使服务工作者变得无用。