vue使用workbox和register-service-worker报错

Question

vue项目添加pwa报错：registerServiceWorker.js:30 Error during service worker registration: TypeError: Failed to register a ServiceWorker for scope ('https://jessican.gitee.io/pdf...') with script ('https://jessican.gitee.io/pdf...'): ServiceWorker script evaluation failed

 

截图

Answer 1

参考GPT和自己的思路：

这个报错可能是由于以下原因导致的：

1. ServiceWorker 脚本在下载期间出现错误，导致 ServiceWorker 注册失败。

2. ServiceWorker 程序中存在语法错误或逻辑错误。

3. 用户浏览器的某些设置导致 ServiceWorker 注册失败。

为了解决这个问题，你可以尝试以下几种方式：

1. 确保你的 ServiceWorker 程序没有语法错误和逻辑错误，可以在本地测试一下。

2. 检查你的项目是否符合 PWA 的标准，确保你的项目设置正确。

3. 切换浏览器或清除浏览器缓存，再尝试注册 ServiceWorker。

4. 在 ServiceWorker 注册时添加一个错误处理逻辑，详细记录错误信息，方便之后调试。

希望这些方法能够帮助到你解决问题。