在 Angular Service Worker 中缓存 index.html
每次我对 Angular 项目的 index.html 进行任何更改时，Service Worker 都不会更新，并且总是在 index.html 上提供旧的缓存版本.我该如何解决这个问题(另外，服务器端和浏览器都没有缓存) 这是我的 ngsw-config 文件: {“索引":“/index.html"，“资产组":[{“名称":“应用程序"，“安装模式":“预取"，“资源":{“文件
..
angular-service-worker相关内容
Angular 6 ServiceWorker - index.html 返回响应 404 Not Found
我已经在我的测试服务器上部署了 PWA https://www.mytestserver.me/dev/pwa/ 在“dev/pwa"文件夹下.该应用程序以 100% 的 PWA 分数通过了 Lighthouse.但是该应用程序仍然无法按预期运行.它根本不起作用.)) JS 控制台说: 无法加载'https://www.mytestserver.me/dev/pwa'.服务工作者向 Fetc
..
如何为Angular CLI项目编辑Service Worker文件
我已经使用命令 ng add @ angular/pwa --project * project-name * 将 @ angular/pwa 包添加到了Angular CLI项目中.成为渐进式Web应用程序，这增加了我认识的服务人员.我想编辑该默认服务工作者以支持例如处理“共享目标" 链接.我看到使用Google Chrome中的“检查"选项，服务工作者已注册到名为 ngsw-worker.js
..
Angular7:服务人员无法正常工作
我有一个专职服务人员，并且已缓存声音(mp3文件)，以便可以离线播放它们.这是 ngsw-config-json : {"index":"/index.html"，"assetGroups":[{"name":"app"，"installMode":“预取"，“资源": {“文件":["/favicon.ico"，"/index.html"，"/*.css"，"/*.js"，"/*.svg"，
..
在构建后或部署期间在ngsw中重新生成内容哈希
我们有一个使用Angular Service Worker的Angular应用程序. 我们知道，该服务工作者将缓存文件中的内容哈希与 ngsw.json 文件中的哈希进行比较. 现在，我们已经设置了持续集成和交付(使用Azure DevOps，但没有关系)，并且在交付阶段，我们正在修改 environment.json 文件中的某些设置(如配色方案，API url ...都与部署目标有
..
运行build --prod时，不会生成任何Service Worker文件ngsw.json/ngsw-worker.json.角度5
使用angular 5.1.2 Angular-cli 1.6.3 所有文件都很原始.dist文件夹已创建 我的ngsw-config.json {"index":"/index.html"，"assetGroups":[{"name":"app"，"installMode":“预取"，“资源": {“文件":["/favicon.ico"，"/index.html"]，"vers
..
在AWS S3 + Cloudfront上更新Angular应用
我在S3 + cloudfront上部署了生产Angular 9应用程序.它工作得很好，但是每次我发布该应用程序的新更新时，我都会遇到一些问题. 我读了很多文章: https://medium.com/@ sumn2u/react-progressive-web-app-s3-and-cloudfront-6c890fa873fb 我为index.html和ngsw-worker.js
..
带有@ angular/pwa软件包的Angular Service Worker在离线时显示HTTP错误504
我正在研究角度PWA应用程序.所以我在ng add @angular/pwa处添加了一个npm包.它已成功添加，没有错误. 生成的清单工作正常.但是我正面临服务人员的问题.当应用程序联机时，它会存储所有缓存(请参阅附件)，但是无论何时应用程序脱机时，它都会显示错误- HTTP错误504 ，而不是服务工作者的请求 这是我的 ngsw-config.json - { "i
..
Angular：将TypeScript用于Service Worker（ServiceWorkerModule）
是否可以用 @ angular / service-worker 注册用TypeScript编写的ServiceWorker？ 当前在 app.module.ts 中注册服务工作者如下所示： ServiceWorkerModule.register（' ngsw-worker.js'，{已启用 ：environment.production }） 是否可以通过某种方
..
如何使用角度服务人员访问本地存储？
好吧，现在我正在使用Angular 6 webApp，它首先处于离线状态。我能够设置一个功能齐全的服务程序，该服务程序可以检索和存储请求和响应，而不能检索和存储请求和响应。但是，在某一时刻，在注册同步事件时，我需要刷新令牌，这些令牌存储在我的webApp的本地存储中。问题是服务工作人员不允许直接访问本地存储，这意味着我无权访问驻留在本地存储中的令牌。我如何使用某些API使用服务工作人员中的本地存储
..
PWA在添加到主屏幕后会丢失其参数并查询参数
我已经使用Angular6创建了PWA（Progressive Web App）。它在浏览器中可以按预期完美运行。我的情况是根据从URL获得的参数处理所有应用程序数据 例如： https：// / app / abc123 其中 abc123 是我的参数添加到主屏幕应用程序。 所以问题是，当用户将应用程序添加到主屏幕时，它会丢失所有参数（我也尝试过使
..
Angular5 PWA不刷新（服务人员）
我正在通过ng-cli使用服务人员开发带有angular5的应用程序，但是我意识到，在第一次加载应用程序外壳程序后，它不会刷新。使用 ng build 构建新文件后，如何将新文件版本推送到我的应用程序？我可以直接直接手动重写sw.js，但是由于它是通过cli生成的，所以我不希望影响任何我不知道它是什么用途的东西。 我整天都在寻找这个答案，但是由于服务人员是ng-cli 1.6版的新手，所以我
..
带有POST请求的Angular Service Worker
我将Angular 5.2.7与Angular Service Worker 5.2.7一起使用。 我想缓存Web服务调用。因此，我在ngsw-config.json中有了此配置，用于dataGroups： “ dataGroups”：[{ “ name”：“ tasks-users-api”， “ urls”：[“ / api”，“ / rest”]， “ cacheConfig”
..
Angular 5 Service Worker不起作用/不缓存背景图像
我无法让我的angular5服务人员上班。我有两个主要问题： 服务工作者不会缓存用作背景图像的资产图像 模拟网络断开连接后，服务人员最初会从缓存中拉出文件（上述非缓存文件除外），但第二次刷新后会出错。 以下是有关我的问题的更详细的报告。您可以在我的此处的此处克隆一个仓库来突出此问题。 我使用提供的--service-worker标签创建了该应用程序。然后，我确保遵循Angula
..
Angular PWA离线存储
我正在构建一个新的Web应用程序，即使没有互联网连接也需要无缝运行。我选择了Angular，并且正在构建PWA，因为它具有内置功能以使应用程序可以脱机工作。到目前为止，我已经使服务工作者完美地工作并且由清单文件驱动，这很好地缓存了静态内容，并且我将其设置为缓存了我想在应用程序离线时使用的一堆API请求。 此外，我还使用localStorage存储了用户离线时调用put，post和delete
..
在Firefox上未检测到Angular5 Service Worker更新（SWUpdate）。在铬上工作
我正在使用 Angular5 和 angular服务人员。 我缓存了一些数据和一些资产，并且一切都按预期工作，甚至部署了代码。 现在，如果我更新一些代码并再次部署，则 服务人员不会得到更新。 因此，我经历了角度服务工作者链接，并且我暗示 SwUpdate服务。 这是我的代码： 我创建了一个服务，并在应用组件中将其调用 import {Injectable，Ng
..
如何有效地缓存API，使用Angular CLI在Angular 5中使用Service worker
是服务人员的新手。我只是想知道服务人员如何处理数据。 例如，我已经在其中配置了数据组并设置了策略到“性能” ，以便Service Worker始终在Cache中优先查看。这意味着在命中服务工作程序中注册的URL会在任何时候首先查找缓存。假设响应有一些变化（数据库中的数据已更改），响应将更新还是静止，它将从缓存中获取。 我在网上搜索了很多内容，但没有得到满意的答案。 配置 “
..
如何使用Angular在本地运行Service Worker
我正在遵循angular的最佳做法来制作PWA。 进行生产构建（ ng build --prod --aot ）之后，我还在 localhost上从dist运行服务工作者： http-server -p 8080 -c-1 dist 当我尝试与我的工人同步时Angular，使用： navigator.serviceWorker.ready.then（function（swRegist
..
Angular无法注册ServiceWorker：获取脚本时收到错误的HTTP响应代码（404）
我正在使用Firebase在Angular PWA中进行推送通知，并且正在跟踪链接。 https://medium.com/@tariqueejaz/progressive-web-app-push-notifications-making-the-web-app-more-native-in-nature-a167af22e004 我正在使用Angular 6，并已为所有代码设置了代码。当
..
Angular 6：DevTools无法解析SourceMap：https：//example.com/ngsw_worker.es6.js.map
我使用Angular CLI（ng add @ angular / pwa）将我的angular 6应用程序转换为PWA。我的目录中只有一个项目，因此我未指定项目名称就运行了此命令。 部署后，服务人员会注册-一切似乎都为了让我在google chrome控制台中收到以下错误： DevTools无法解析SourceMap： https://example.com/ngsw_worker.
..