localhost环境下Cache Service Worker无法删除及注销问题

解决方案 #

• 强制硬刷新跳过当前缓存
  打开对应端口的项目页面后，按下 Ctrl+Shift+R（Mac系统为 Cmd+Shift+R）执行强制无缓存刷新。同时打开DevTools的Application面板，勾选 Service Worker 分类下的 Bypass for network 选项，后续访问时会直接走网络请求不走SW缓存。
• 手动删除本地Service Worker存储目录
  卸载浏览器不会清除用户配置目录下的私有缓存数据，需手动删除对应路径的文件夹后重启Chrome：
  • Windows系统路径：C:\Users\你的系统用户名\AppData\Local\Google\Chrome\User Data\Default\Service Worker
  • Mac系统路径：~/Library/Application Support/Google/Chrome/Default/Service Worker
• 移除残留PWA注册项
  地址栏输入 chrome://apps/ 回车进入Chrome应用管理页，检查是否有对应本地服务的PWA应用被注册，右键选择「从Chrome中移除」即可。
• 临时验证方案
  启动Chrome隐身模式访问对应端口地址，隐身模式默认不会加载已注册的Service Worker，可先确认功能正常后再执行上述清除操作。

内容的提问来源于stack exchange，提问作者Hans Sagita