React PWA无法在Chrome Dev Tools中重新加载

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并查看我的应用。

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

当我打开Chrome开发工具并脱机时点击重新加载时，浏览器显示我ERR_INTERNET_DISCONNECTED，服务人员在调试模式下未执行任何操作。

在Firefox中，该应用程序可以正常运行，也可以在Firefox调试器中离线运行。

我该怎么做才能在Chrome中调试服务工作者？

Answer 1

原来我已经在 Application 标签中选中了绕过网络。在这种情况下，任何请求都会直接发送到网络，从而使服务人员无法使用。