问题标签 [angular-service-worker]

我无法通过角度服务工作者缓存我的主数据 api 大多数示例显示 dataGroup 中的 url 在同一域上，因此只有“/目录”有效，但我的 api 托管在另一个域上

可以说它在 http://x.com/api/catalog

以下是 ngsw-config.json

当前行为

我做到了ng add @angular/pwa，我在生产构建中遇到了这个错误

我做了一些研究，发现 /ngsw.json?ngsw-cache-bust=0.08769372894975769GET 请求存在问题。虽然 fetchLatestManifest 返回 200 状态码，但响应实际上不是 JSON ，而是它的无脚本版本index.html

您可以看到响应状态为 200/ngsw.json?ngsw-cache-bust=0.08769372894975769

但实际响应不是所需的 JSON

我尝试在 chrome Actual ``` 中复制作为 fetch 选项

``` 我?ngsw-cache-bust=0.7927584506157848从 fetch 的 URL 部分中删除了，我可以看到响应是 JSON。

编辑了```

``` 这样你现在就可以看到 ngsw.json 的内容了

我怀疑它必须在这个函数中处理？ https://github.com/angular/angular/blob/0b4d85e9f19246af68a75140afc4db3d97f9ddfd/packages/service-worker/worker/src/driver.ts#L645

环境

角度版本：6.0.0

浏览器：- [x] Chrome（桌面）版本 67

当我更新dist/ folder(ng build --prod --service-worker)并重新启动nginx时。
我回到我的网站（fctoernooi.nl），它不会加载，给出错误：Failed to load resource: the server responded with a status of 404 ().....js。
我创建了新的 js 文件，所以这看起来很明显。
看起来服务人员没有看到有更新。我是否错过或忘记了 service-worker-configuration 中的某些内容？

有人可以帮忙吗？更新 Angular 网站时，我找不到太多关于问题的信息。

似乎angular6不支持与服务人员的后台同步。在角度服务中没有任何库的情况下执行此操作需要哪些步骤？

https://developers.google.com/web/updates/2015/12/background-sync

我如何以及在哪里可以直接在angular6应用程序中访问WorkerGlobalScope以便可以完成后台同步。：

问题是角度 CLI 生成了服务工作者文件（ngsw-worker.js）。有没有办法注入/修改 /扩展这个文件？是的，我可以手动编辑文件ngsw-worker.js或使用其他花哨的技巧。有没有官方的方法可以做到这一点？

I have created basic sample application and integrated angular/pwa. In ngsw-config .json file i added datagroups for api call. Now i can able to download the application and api call is working fine in offline too. After that i moved to my application and did the same for pwa. Now api call is not working in offline. I checked with api call which i used in sample application still i'm getting the data for that url but i didn't specified in ngsw-config.json file.

I can't unregistered my old service worker and create new service worker. In chrome developer tool i unregistered that service worker and again reload my application but still i'm getting the old data.

Angular version: 6.0.2

Browser: - [ ] Chrome (desktop) version

For Tooling issues: - Node version: 8.9.1 - Platform: Windows

我创建了一个新的角度项目。然后我添加

ng add @angular/pwa即使我找不到ngsw-config.json文件，我也会遇到这样的错误

路径“/ngsw-config.json”已经存在。

在角 CLI 版本是 6.1.1。

无效的规则结果：Function()。

在角度 CLI 版本是 6.0.3

1）当我的互联网连接打开时，我在 chrome 浏览器中单击添加到主屏幕。安装后，我打开应用程序，应用程序无法正常工作，就像我将 urlbar 显示为 chrome 浏览器一样。它就像一个浏览器。

2）当我的互联网连接关闭时，我在 chrome 浏览器中单击添加到主屏幕。安装后，应用程序将完美运行

（angular-cli 6.0.8 版，Pwa 0.6.8 版）

在这里我添加我的代码 https://gitlab.com/yudiz_pooja/Contact-Book

在 Angular 4 项目中，我将一些信息存储在 json 文件中。该信息包含自定义配置，其中一些在 app.module.ts 和 Service Worker 中是需要的。

该 json 文件内容也被放入可注入服务的变量中，所以我想访问 json 文件或访问该服务变量都可以。这是我将 json 文件放入变量的服务：

让我们以一个使用单页应用程序 (SPA) 框架（如 Angular - https://www.ngcolombia.com ）构建的 PWA（渐进式 Web 应用程序）为例。

1. 打开网站。
2. 导航到不同的页面，例如：https ://www.ngcolombia.com/speakers 。
3. 离线并点击重新加载 - 该网站将无法加载。

如果我们尝试从基本 URL 重新加载它可以工作，但在单页应用程序中，通常从具有完整 URL 的不同页面重新加载。

如何解决这个问题，似乎特定于 SPA PWA？

我有一个来自外部示例的图像源，例如https://cdn.myserver.com.background.jpg，我无法通过服务人员缓存它，当图像来自资产文件夹时它可以工作，但外部图像链接不缓存。

请给我任何建议。谢谢