Question

我已经在几个项目中成功使用了@angular/service-worker模块，但是在我最近的项目中遇到了一个我无法调试的静默故障问题。我的配置和设置与其他项目相同，输出的构建（通过CLI v1.6.2）似乎是正确的：

我最初的想法是我的环境变量出现了问题所以我在编译后经历了日志记录以确保enabled为true，甚至在所有环境中进行硬编码只是为了测试：

ServiceWorkerModule.register('/ngsw-worker.js', {
  enabled: true
})

然而，当我运行应用程序时，无论是在http-server本地还是在启用了prod模式的开发或qa环境中，都没有在开发工具中注册服务工作者，并且控制台中没有错误或警告：

service worker tab

在这种情况下，是否有人有任何想法会导致无声失败？我已经破坏了我的大脑，比较工作解决方案与此相比，似乎无法提出解决方案。另外，有没有办法进一步调试这种情况？

提前感谢您的帮助！

Answer 1

您可以在main.ts文件中使用此解决方法：

platformBrowserDynamic().bootstrapModule(AppModule).then(() => {
  if ('serviceWorker' in navigator && environment.production) {
    navigator.serviceWorker.register('/ngsw-worker.js');
  }
}).catch(err => console.log(err));

正如here所解释的，您的代码库或依赖项中可能存在一些问题。我现在更喜欢使用变通方法，直到有角度的团队给出正式解决方案。

@angular / service-worker无声失败

1 个答案: