问题标签 [service-worker-config]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
855 浏览

angular - 带有 service-worker (pwa) 的 Angular 应用程序未按预期工作

与服务人员一起使用离线角度从https://angular.io/guide/service-worker-config获取参考

应用程序离线工作正常唯一的问题是缓存更新机制,如果我使用"installMode": "prefetch"应用程序离线工作正常但缓存中的文件永远不会在服务器上的文件更新时更新。如果我使用“installMode”:“lazy”` 应用程序无法离线工作。

下面是ngsw-config.json 我的应用程序。

也尝试过updateMode,但仍然缓存文件不更新更改

0 投票
1 回答
84 浏览

reactjs - 找不到 reactjs 服务人员 .license 文件

我正在做两个 React 项目。

在这两个项目中,manifest.json 文件都已正确设置,并且 serviceworker 也已注册。

在其中一个项目中,没有询问添加到主屏幕的问题。

从我所做的研究中,我发现一个不能正常工作的项目找不到.license格式的文件,但是在一个正常工作的项目中,它是一个.license.txt格式的文件.

从建筑项目中获取这两个文件时,有什么区别?如何解决这个问题?

正常运行并显示安装应用提示的项目照片

正常运行并显示安装应用提示的项目照片

项目照片无法正常使用,不显示安装应用提示

项目照片无法正常使用,不显示安装应用提示

控制台中的错误消息

控制台中的错误消息

0 投票
1 回答
54 浏览

angular - Angular service worker not running automatically without specifying interval

My SPA is running in prod and i want to reload the page whenever a deployment is done. I can make this work by specifying interval to check for update every X minute but that won’t be the appropriate way. Can anyone suggest how to make this work out to let service worker automatically tell my application that an update is available?

0 投票
1 回答
199 浏览

angular - 如何使用负全局模式?

我们的构建生成 e2015 和 es5 包 - 例如,在 dist 目录中,我们将拥有如下文件:

我们想要配置 ngsw-config.json 来预提取所有 js 文件,除了es5名称中的 with 。

到目前为止我们尝试过的 glob 模式不起作用 - 但是当我们使用这个在线测试器时它们会起作用

示例:模式:/!(*es5)*.js

测试字符串:

正确选择common-es2015*custom.js

但是当我们在其中使用相同的模式时ngsw-config.json它不起作用 - 例如

根据角度文档,应该支持负球。

这种模式有什么问题?

0 投票
1 回答
292 浏览

angular - 使用 service worker 预取 API 调用

我为我的 Angular 应用程序设置了服务人员。只要访问了进行 API 调用的相关页面,数据组的缓存就可以正常工作。但是我的目标是在应用程序的负载上缓存 ngsw-config 中指定的所有端点的数据。尝试使用为 swUpdate 提供的示例:

在我的 appcomponent 的构造函数中启动应用程序,但没有运气。任何帮助表示赞赏。TIA。

0 投票
1 回答
2666 浏览

javascript - ServiceWorker 脚本评估失败

我已经向我的服务人员添加了谷歌代码,但它在谷歌控制台中给了我错误......

控制台谷歌中的错误:

pwaupdate:176 Uncaught (in promise) TypeError: 无法使用脚本 ('/pwabuilder-sw.js') 为范围 (' https://myweb.org/ ') 注册 ServiceWorker:ServiceWorker 脚本评估失败

我的服务人员:

0 投票
3 回答
3174 浏览

angular-pwa - ngsw.json?ngsw-cache-bust 在 Angular 8 PWA 应用程序的离线模式下失败

我遇到了服务人员的问题。service worker 没有通过 app.module 自行注册。所以我在main.ts中手动注册它。它在在线模式下工作正常。但是当我将网络更改为离线模式时,得到 ngsw.json?ngsw-cache-bust failed。任何解决方案都会有所帮助。

main.ts

ngsw-catch-bust-failing

ngsw-config.json

Devtool-screen-shot Devtool-screenshot-2

0 投票
1 回答
36 浏览

javascript - Workbox Service Worker 不保存缓存

我实现了一个服务工作者。我看起来很不错,激活没有错误,...

但我看不到那里的东西:

Service Worker 工作箱缓存

sw.min.js:

这是在Google Chrome's Application->Service Workers

服务工作者工作箱

0 投票
1 回答
33 浏览

https - 有什么方法可以将位于 LAN(不是 Localhost)中的系统 Ip 设置为 Https 协议?

在此处输入图像描述

我正在从事的项目是 PWA,为了进行测试,我需要 https 协议。我在系统的 IIS 中创建了一个站点,并进行了 HTTPS 设置。当我浏览 https://localhost:my-Port/ 时,一切正常。它知道服务人员。另一方面,我的系统 IP 是 172.20.10:my-Port。但是当我从连接到一个 Wifi 的设备上调用 172.20.10:my-Port 时,这些设备不知道 service-worker,因为协议不安全。

由于我的系统配置,我不能使用模拟器,也因为我的项目是 MVC,我不能使用 web 服务器 chrome 扩展或在 vs 代码中使用 npm-run 来给我有效和安全的 Ips。

抱歉语法不好。

0 投票
1 回答
75 浏览

javascript - 更改 Service Worker 目录的后果?

正如您可能已经知道的那样,您应该将您的服务工作人员放在基本目录中,以便它具有整个项目的范围,否则某些功能(例如 navigator.serviceWorker.ready())将不可用。

我的问题是我最初将我的服务人员放在一个目录中,现在我觉得有点被困住了。

我使用服务人员来注册和处理网络推送通知,我想知道如果我将它移动到基本目录是否会丢失所有当前订阅

注意 注册的 Service Worker 必须保持不变,不应注册新的 Service Worker