PWA开发问题：Lighthouse提示Service Worker未注册但实际已激活

• 审计时机不匹配：Service Worker注册是异步操作，Lighthouse默认在页面DOM加载完成后立即执行审计，不会等待异步注册逻辑执行完成，因此会出现实际注册成功但审计判定未注册的问题。
• Lighthouse配置问题：如果开启了审计设置中的「清除存储（Clear storage）」选项，Lighthouse会在每次审计前清空站点所有缓存、存储数据及已注册的Service Worker，后续未等待新的Service Worker注册完成就触发检查，就会抛出对应报错。
• 本地开发服务干扰：如果使用VS Code Live Server这类带自动重载功能的开发服务，自动重载逻辑会打断Service Worker的注册流程，导致Lighthouse审计时未检测到激活的Service Worker。
• 无痕模式限制：在无痕/隐身模式下运行Lighthouse时，浏览器会在页面重载后自动清除已注册的Service Worker，也会导致审计结果和实际运行状态不一致。
• 旧版本bug：过旧的Chrome或Lighthouse版本存在Service Worker检测逻辑缺陷，也可能出现误报问题。

• 提前注册时机：将Service Worker的注册逻辑尽可能前置，比如放在HTML <head> 的内联脚本中执行，不要放在DOMContentLoaded或window.load事件回调中执行，减少异步等待时长。
• 调整Lighthouse配置：运行审计前取消勾选「清除存储」选项；如果使用CLI版Lighthouse，可以添加 --wait-for-service-worker 参数，强制Lighthouse等待Service Worker激活后再执行审计。
• 更换开发服务：关闭Live Server的自动重载功能，或使用serve等无自动重载的静态文件服务启动站点后再执行审计。
• 避免无痕模式运行：在普通浏览器窗口下运行Lighthouse，审计前可先在开发者工具Application面板手动注销旧的Service Worker后刷新页面，等控制台输出注册成功日志后再启动审计。
• 升级版本：将Chrome浏览器和Lighthouse升级到最新稳定版，排除版本bug导致的误报。

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