问题标签 [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.

0 投票
0 回答
358 浏览

node.js - 运行 npm install @angular/pwa 时出现错误 Rolling back node-pre-gyp@0.14.0 failed

每当我运行 NPM i @angular/pwa 时,我都会收到以下错误:

npm WARN rollback 回滚 node-pre-gyp@0.14.0 失败(这可能是无害的):EPERM: operation not allowed, rmdi 'my\project\path\node_modules\watchpack\node_modules\fsevents\node_modules'

这是我的 package.json 文件

0 投票
1 回答
908 浏览

ios - ios PWA(添加到主屏幕)未在 Angular 中为视频标签请求相机权限

我使用 angular 创建了 PWA,其中我正在使用zxing-ngx-scanner库,该库用于条形码扫描。在 ios 浏览器(Safari、Chrome 和 Firefox)和 Android 上,它要求相机权限并且工作正常,但如果我将我的网站添加到主屏幕(在 ios 中),那么它不会要求我提供相机权限。

  • 我在 HTTPS 上托管了我的网站
  • 所有 PWA 功能都运行良好
  • 我正在使用标签进行条形码扫描

请让我知道是否有人有任何建议?

提前致谢

0 投票
0 回答
1110 浏览

ios - 如何在 ios PWA 中存储相机权限?

我使用 angular PWA 创建了一个应用程序,它具有条形码扫描功能。它在 ios 中运行良好,但问题是每次在此页面上使用时,它每次都要求相机许可,即使用户提供了一次,PWA 也会再次要求许可。

一旦用户允许相机并使用该权限,我有什么方法可以存储权限,以便它不会每次都询问用户?

提前致谢。

0 投票
1 回答
198 浏览

angular - Angular + PWA = 没有 SSR?

我已经用 SSR 配置了一个角度应用程序,效果很好。

现在我使用 使我的应用程序成为 PWA ng add @angular/pwa,不再预渲染该应用程序。

我必须用 Ctrl+Shift+R 重新加载页面,然后再次预渲染。

我在 Angular 应用程序和我的节点服务器中都没有收到错误消息。

可能是什么问题?

0 投票
0 回答
940 浏览

angular - 如何在我的 PWA 上触发 beforeinstallprompt 事件?

我使用 Angular 9 构建了一个 PWA,可以在这里看到,我实现了一个beforeinstallprompt事件处理程序,以便为用户提供一种将 PWA 作为应用程序安装在屏幕设备上的方法。但它永远不会收到这个事件。Chrome PWA 审核通过了。

我想知道我错过了什么......

这是我处理事件的方式:

我可以在浏览器控制台中看到的最后一条日志语句是:

我希望有一天能看到这个:

请注意,以下内容永远不会显示:

manifest.json文件包含:

我可以在浏览器控制台选项卡Event Listeners的选项卡中看到,监听器已注册。Elementsbeforeinstallprompt

更新:我先解决了这个问题,然后解决了这个问题manifest.json,最后将文件中的范围属性更改为"scope": "/"to"scope": "./"index.html文件中的<base>元素从<base href="/">to更改,<base href="./">然后问题就消失了。

0 投票
0 回答
169 浏览

node.js - Angular PWA 离线数据输入和插入数据库

我有一个连接到 nodejs api 的角度应用程序。
我需要该应用程序作为 pwa 工作,并且用户可以离线填写表格。每当用户进入互联网时,表单数据都应该插入数据库而无需身份验证。我该如何做到这一点?

0 投票
1 回答
1918 浏览

angular - Angular Service Worker 不适用于导航 URL(离线模式)

我有下面的 Angular Service Worker 配置文件,它似乎对 api 请求和静态内容工作正常,但对于导航 url,它没有命中缓存。例如,如果我打开www.mydomain.comwww.mydomain.com/sectionwww.mydomain.com/account/section请求会转到服务器而不是在本地解析,因此应用程序的离线版本不起作用。

如果我遗漏了什么,有人可以指导吗?

我也经历过@angular/service-worker 在离线时不工作,但似乎答案不适用于最新版本的 Angular。

0 投票
0 回答
29 浏览

angular6 - 排除来自服务人员角度 6 的一些 api 调用

我有一个基于 Angular 6 以 pwa 运行的应用程序,现在我需要排除一些服务工作者提供的 api 调用。这些是我需要排除的 api 调用

我试着把!在网址前面,仍然只从服务人员提供服务。

在此处输入图像描述

下面是我的配置文件

提前致谢!

0 投票
2 回答
3518 浏览

angular - 带有@angular/pwa 包的 Angular 服务工作者在离线时显示“HTTP 错误 504”

我正在开发一个有角度的 PWA 应用程序。所以我添加了一个 npm 包ng add @angular/pwa。它添加成功,没有错误。

生成的清单工作正常。但我面临着服务人员的问题。当应用程序上线时,它会存储所有缓存(请参阅附件),但每当应用程序下线时,它不会提供来自服务工作者的请求,而是显示错误 - HTTP ERROR 504

这是我的ngsw-config.json -

任何帮助将是可观的......

在此处输入图像描述

在此处输入图像描述

0 投票
0 回答
333 浏览

angular - Angular Service Worker 缓存和非删除性能策略

我的应用程序设计为离线工作,所以我使用了新鲜度策略。但是,在某些方面可以通过在线缓存进行改进。

我已指定对 API 的某些重复调用应使用性能策略。除了离线一小时后,这些文件消失并且应用程序停止工作之外,这有效。

有没有一种简单的方法可以让性能策略文件在到期后保持可用,以便仍然可以离线访问它们?他们可能已经老了,但是当没有其他可用的时候他们会这样做。

它是一个陷阱 22 - 我无法在不丢失离线模式的情况下进行优化。

基本上,我希望在线时拥有不到一小时的数据,但离线时我对长达一周的数据感到满意。

我的 ngsw-config.json