问题标签 [angular-pwa]

问问题

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.

130 问题
Newest
Active
Bountied
318
Unanswered
0 投票
1 回答
1134 浏览

angular - Angular 5 Service Worker 可以在后台获取资产吗

我正在使用 Angular 5 开发渐进式 Web 应用程序。我们有一个为我们的应用程序提供原始 JSON 的 CMS。对于具有图像的内容，JSON 包含驻留在我们服务器上的图像的 URL。我可以从我们的 CMS 中检索所有图像的列表（或基于条件的过滤列表）。

使用 fetch 命令检索图像 URL 列表并让 Service Worker 提前缓存这些资产是否有意义？如果是这样，是否可以自定义 Angular 5 的 Service Worker 实现以在后台处理提取场景？或者，我是否必须创建一个手动 Service Worker 来获取图像资产的 URL 列表然后缓存它们？

0 投票
1 回答
3128 浏览

angular - Angular PWA 离线数据处理

最近几天，我开始听说服务人员很酷。我想在我的角度项目中实现服务工作者，以使我的网络应用程序完全离线工作，这意味着用户应该在离线时处理数据，一旦他们发现互联网，那么数据应该用 MongoDB 更新（我们正在使用用于数据库）。我听说 indexeddb 但我不知道如何将它与我的角度集成。这样做的任何适当的角度方式。或者有什么好的教程可以学习？

提前致谢

0 投票
1 回答
604 浏览

angular - 为什么灯塔插件无法识别 Angular 6 应用程序中的服务工作者？

我使用 Angular 6 CLI 在应用程序中生成和注册服务工作者，当我手动启用离线模式时，服务工作者工作是正确的，但是当我尝试使用灯塔进行审计时，它告诉我服务人员未注册。

在此处输入图像描述

0 投票
2 回答
595 浏览

angular - 在 Angular 6.0.3 中安装 PWA 后，通用服务器端渲染停止渲染内容

我按照本教程构建了一个简单的 Angular 6 应用程序并将 Universal 集成到其中：Angular Universal 教程

链接到我创建的 GitHub 存储库：Angular Universal SSR GitHub 存储库

Universal SSR 运行良好，它可以毫无问题地呈现内容（来自 Firebase 实时数据库和 Firestore 的静态和动态内容），但是，在我按照PWA 教程中的官方文档安装 PWA 后，Universal SSR 停止工作而没有任何错误......但 PWA 有效。

谁能告诉我为什么安装 PWA 后 SSR 停止工作？

提前致谢！

0 投票
3 回答
164 浏览

angular - Angular 版本更新在 Bash Cmd 中不起作用

在此处输入图像描述

正在使用的版本是 6.0.8。尝试在我的项目中添加 angular/pwa 时出现此错误。在我的 cmd prmt 中，它显示我的 angular cli 版本为 6.0.8，但在我的 bash cmd 中，它显示版本 1.7。有人可以帮我解决这个问题。 在此处输入图像描述 @角/cli：1.7.4

0 投票
2 回答
1235 浏览

angular - Angular Universal + pwa ERROR { 错误：未捕获（承诺中）：错误：无法匹配任何路由。URL 段：'ngsw_worker.es6.js.map'

我已经建立了一个通用和 pwa 应用程序。

有没有办法解决这个错误？

可以看一个DEMO（第一次推送：））https://blogial-client.herokuapp.com/

服务器端控制台

铬控制台

更新

我解决了

我忘记了应用名称:(

0 投票
0 回答
103 浏览

angular6 - I can't uninstall the existing service worker

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

0 投票
5 回答
3943 浏览

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

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

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

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

在角 CLI 版本是 6.1.1。

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

在角度 CLI 版本是 6.0.3

0 投票
0 回答
356 浏览

angular - angular 6 pwa 无法正常工作

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

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

（angular-cli 6.0.8 版，Pwa 0.6.8 版）

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

0 投票
1 回答
1626 浏览

angular - 离线时使用非基本 URL 打开单页应用 PWA

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

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

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

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


12345678910