时间戳

首页 > 解决方案 > 使用 angular/service-worker 时 PWA 应用程序无法在离线模式下工作

progressive-web-apps - 使用 angular/service-worker 时 PWA 应用程序无法在离线模式下工作

问题描述

我已经在服务器上部署了 PWA 应用程序，但不知何故它无法在离线模式下工作。请找到 URL https://notifystaging.securenow.in/app

在线时，服务人员似乎已完美安装。请参阅相同的屏幕截图。对于 service worker 安装，我正在使用 @angular/service-worker 请让我知道我应该检查的可能的漏洞。

在此处输入图像描述

在此处输入图像描述

标签： progressive-web-appsangular-service-worker

解决方案

我知道我对此很晚了，我也一直在努力，最后按照以下步骤解决了这个问题：

  1. 在 manifest.JSON 文件中，设置"scope": "."和"start_url": "./". 这表明您正在使用子目录。

  2. 然后使用 CLI 命令构建项目ng build --prod --baseHref=/Your_sub_directory_name/

  3. 最后将 dist 文件夹内容粘贴到您指定的Your_sub_directory_nameIIS 位置（或您使用的任何服务器）。

  4. 然后只需刷新页面并等待注册服务工作者，您可以在 chrome 的开发人员工具的应用程序选项卡中检查这一点。重新注册服务人员后，只需切换到离线模式，您的页面就可以在离线状态下正常工作。

推荐阅读