使用 PWA 构建应用程序

Question

我的情况有问题：

• 当我使用命令ng serve --prod注册Service Worker时
• 当我使用命令ng build --prod 时，Service Worker 未注册。 dist 中缺少文件
  • 文件ngsw

Answer 1

Angular ng serve 不适用于 service worker。 您需要进行产品构建，然后从 /dist 文件夹中提供应用程序。您可以使用您喜欢的任何 Web 服务器：npm http-server 或 web server as Chrome Extension。这样你就可以在本地测试 service worker。

您可以查看this article，我在其中逐步解释了如何使用 Angular 创建 PWA。

本文还提到了一个运行 Angular PWA 应用程序的 Github 项目，您可以将其用作起点或将其与您的代码进行比较。