角度9 PWA哈希不匹配(CacheBustedFetchFromNetwork)
我有一个有角度的PWA，它没有脱机启动(http错误504)。当我签出/ngsw/状态时，我收到以下错误： Error: Hash mismatch (cacheBustedFetchFromNetwork): https://example.com/favicon.ico: expected 566d8535a3adc2f7210a8a890bdc50ec4f91f0e3, got 8e0
..
angular-service-worker相关内容
在ServiceWorker完成提取新文件时触发事件？
Short：我想知道在更新后，当服务工作者完成文件下载时，是否可能触发某种事件或回调。 长版本：我有一个PWA，它使用ANGLE(8)和它的ANGLE ServicWorker。在ngsw配置中，我将安装和更新模式设置为预取。 通常，当更新被推送到服务器时，应用程序注册到更新事件，并且服务工作者开始下载新文件(.js、Assets、.html等)。我可以在控制台的网络选项卡中看到新文件是如
..
如何在 Angular 5+ Service Workers 中处理路由?
在之前版本的 Angular Service Worker 实现中，配置选项之一是 "routing".这可以在这个未回答的SO问题中看到，在这个Angular CLI 问题，剩下的最好的文档似乎是 Stephen Fluin 的博客文章(在 Angular 团队中)，以及 I/O 谈话，来自 Alex Rickabaugh(来自 Google). 在 Angular 5 中，Service
..
如何为 Angular CLI 项目编辑 Service Worker 文件
我已使用 ng add @angular/pwa --project *project-name* 命令将 @angular/pwa 包添加到我的 Angular CLI 项目中成为一个渐进的网络应用程序，这增加了一个我认识的服务工作者.我想编辑该默认服务人员以支持例如处理共享目标链接.我看到 Service Worker 使用 Google Chrome 中的“Inspect"选项注册到一个名为
..
API 如何有效缓存，使用 Angular CLI 在 Angular 5 中使用 Service Worker
我是 Service Worker 的新手.我只想知道 Service Worker 如何处理数据变化. 例如，我已经配置了我的数据组并将 strategy 设置为 "performance" 以便 Service Worker 始终首先查看缓存.这意味着任何时候，hit service worker 中的注册 URL 都会首先查看缓存.假设响应有一些变化(数据库中的数据发生了变化)，响应会
..
Angular5 PWA 不刷新(服务工作者)
我正在使用 angular5 开发一个应用程序，通过 ng-cli 使用服务工作者，但我意识到在第一次加载应用程序外壳后，它不会刷新.使用 ng build 构建应用程序后，如何将新文件版本推送到我的应用程序?.我可以直接手动重写 sw.js，但是因为它是通过 cli 生成的，所以我不喜欢影响任何我不知道是做什么的. 我整天都在寻找这个答案，但由于服务工作者是 1.6 版 ng-cli 的新
..
Angular Service Worker - 数据组不起作用
我正在尝试使用 Angular Service Worker，一切正常，除了 dataGroups 对我不起作用. 这就是我的 ngsw-config.json: {...“数据组":[{“名称":“API 性能"，“网址":[“/shipments/**"],“缓存配置":{“策略":“性能"，“最大尺寸":100，“maxAge":“3d"}}]} 在我的网络选项卡中，我看到服务工作
..
Angular Service Worker - 无法加载资源:服务器响应状态为 504(网关超时)
我在我们的 Angular 5.2.5 中使用了 Angular-CLI 1.6.6 和 @angular/service-worker 5.2.5应用程序.除了在我们的生产环境中弹出一条错误消息外，在本地 lite-server 和生产服务器上一切正常: 加载资源失败:服务器响应状态为 504(网关超时) 查看 ngsw-worker.js 脚本，我发现生成上述错误消息的行(以下 2
..
如何在 Angular 5+ Service Workers 中处理路由?
在之前版本的 Angular Service Worker 实现中，配置选项之一是 "routing".这可以在这个未回答的SO问题中看到，在这个Angular CLI 问题，剩下的最好的文档似乎是 Stephen Fluin 的博客文章(在 Angular 团队中)，以及 I/O 谈话，来自 Alex Rickabaugh(来自 Google). 在 Angular 5 中，Service
..
Angular PWA 离线存储
我正在构建一个新的网络应用程序，即使没有互联网连接，它也需要无缝运行.我选择了 Angular 并且正在构建一个 PWA，因为它带有内置功能，可以使应用程序脱机工作.到目前为止，我已经让 Service Worker 完美工作并由清单文件驱动，这很好地缓存了静态内容，我已将其设置为缓存一堆我想在应用程序离线时使用的 API 请求. 除此之外，我还使用 localStorage 来存储用户离线时调
..
Angular7:Service Worker 未按预期运行
我有一个 Angular Service Worker，我缓存了声音(mp3 文件)，以便可以离线播放.这是ngsw-config-json: {"index": "/index.html",“资产组":[{"name": "应用程序","installMode": "预取",“资源": {“文件":["/favicon.ico","/index.html","/*.css","/*.js","
..
Angular 6:DevTools 无法解析 SourceMap:https://example.com/ngsw_worker.es6.js.map
我使用 Angular CLI(ng add @angular/pwa)将我的 angular 6 应用程序转换为 PWA.我的目录中只有一个项目，所以我在没有指定项目名称的情况下运行了这个命令. 部署后，Service Worker 注册 - 一切似乎都井井有条，期待我在 google chrome 控制台中收到以下错误: DevTools 无法解析 SourceMap:https:
..
Angular6 Service Worker 和后台同步
似乎 angular6 不支持与 Service Worker 的后台同步.在 Angular 服务中没有任何库的情况下需要执行哪些步骤? https://developers.google.com/web/updates/2015/12/背景同步 我如何以及在哪里可以直接访问 angular6 应用程序中的 WorkerGlobalScope，以便可以完成后台同步.: self.a
..
Angular Service Worker，缓存离线应用的 api 调用
我正在尝试使 Service Worker 以角度处理 API 请求.我希望应用离线工作，并且我有以下配置: {"name": "api","urls": ["https://x.com/**"],“缓存配置":{"策略": "性能",“最大尺寸":20，"maxAge": "365d","超时": "5s"}} 这是我离线时 xhr 选项卡的样子: 这是用户请求的内容: 如您所
..
Angular5 PWA 不刷新(服务工作者)
我正在使用 angular5 开发一个应用程序，通过 ng-cli 使用服务工作者，但我意识到在第一次加载应用程序外壳后，它不会刷新.使用 ng build 构建应用程序后，如何将新文件版本推送到我的应用程序?.我可以直接手动重写 sw.js，但是因为它是通过 cli 生成的，所以我不喜欢影响任何我不知道是做什么的. 我整天都在寻找这个答案，但由于服务工作者是 1.6 版 ng-cli 的新
..
Angular 5 Service Worker 不工作
我尝试在更新到 angular 5 后将 Service Worker 添加到我的项目中，但遇到了一些问题.我向 app.module.ts 添加导入: import {ServiceWorkerModule} from '@angular/service-worker';从 '../environments/environment' 导入 {environment}；...环境.生产 ?Ser
..
不支持它的浏览器上的 Angular Service Worker
Angular 团队做得很好，并在版本 5 中引入了 Service Worker 支持.文档 非常有帮助，在阅读相关文章后，我真的可以看到事情将如何运作，但是那里没有涵盖一个主题.这一切在不支持 Service Worker 的浏览器中是如何工作的. 内容是这样的: 您的应用程序必须在支持服务的网络浏览器中运行工人.目前，Chrome 和 Firefox 的最新版本是支持的.了解其他
..
Angular Service Worker - 数据组不起作用
我正在尝试使用 Angular Service Worker，一切正常，除了 dataGroups 对我不起作用. 这就是我的 ngsw-config.json: {...“数据组":[{“名称":“API 性能"，“网址":[“/shipments/**"],“缓存配置":{“策略":“性能"，“最大尺寸":100，“maxAge":“3d"}}]} 在我的网络选项卡中，我看到服务工作
..
Angular Service Worker - 无法加载资源:服务器响应状态为 504(网关超时)
我在我们的 Angular 5.2.5 中使用了 Angular-CLI 1.6.6 和 @angular/service-worker 5.2.5应用程序.除了在我们的生产环境中弹出一条错误消息外，在本地 lite-server 和生产服务器上一切正常: 加载资源失败:服务器响应状态为 504(网关超时) 查看 ngsw-worker.js 脚本，我发现生成上述错误消息的行(以下 2
..
angular service-worker - 处理推送通知点击
如何处理 Angular Service Worker 中的推送通知点击.SWPush 没有任何方法. 我尝试引用一个 js，它监听“notificationclick"事件处理程序，但它从未在点击通知按钮时被触发. 解决方案 我建议将 angular 更新到至少 Angular 7.1.0 版本(我建议保持最新).有了这个，您现在可以订阅 notificationClicks
..