node.js - Angular 6 PWA 与 Node 不工作

Question

我有一个 Angular 6 应用程序，可以在使用时运行并注册软件http-server --port 8080 命令，如下所示:

但是当我从我的 Node/Express 应用程序提供文件时，它们就应该被提供。服务工作线程不会注册，尝试从本地主机和 Heroku 运行应用程序，但结果是一样的。否则应用程序将正常工作。知道什么会导致这种情况吗？

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));

或者，查看 this recent comment您可以手动修改app.modules.ts

中的路径

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