【发布时间】: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