Angular 6 PWA 节点不工作

Question

我有一个 Angular 6 应用程序，它可以在使用http-server --port 8080命令时运行并注册 SW，您可以在此处看到：

但是，当我从我的 Node / Express 应用程序提供文件时，它们应该被提供。 service worker 不会注册，尝试从 localhost 和 Heroku 运行应用程序，但都是一样的。 应用程序以其他方式工作。 知道是什么原因造成的吗？

Answer 1

我认为此问题与@angular/cli注册服务工作者时使用的路径有关，我发现在main.ts注册服务工作者更可靠：

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

或者，查看最近的评论，您可以在app.modules.ts手动修改路径

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

Answer 2

我也有一个同样的问题，在本地有效但在 herokou 无效，并且由于在 .net 上进行了各种搜索，我来到了这个页面。

就我而言，我最终通过将--prod添加到 ng build 来解决它。 使用--prod ，将反映 environment.prod.ts 中的设置，angular.json 中生产中的“服务工作者”将为真，在app.module.ts中的ServiceWorkerModule.register中也为"enabled" -> true ，以及服务工人正在工作。 供参考。