问题标签 [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.
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 文件
ios - ios PWA(添加到主屏幕)未在 Angular 中为视频标签请求相机权限
我使用 angular 创建了 PWA,其中我正在使用zxing-ngx-scanner
库,该库用于条形码扫描。在 ios 浏览器(Safari、Chrome 和 Firefox)和 Android 上,它要求相机权限并且工作正常,但如果我将我的网站添加到主屏幕(在 ios 中),那么它不会要求我提供相机权限。
- 我在 HTTPS 上托管了我的网站
- 所有 PWA 功能都运行良好
- 我正在使用标签进行条形码扫描
请让我知道是否有人有任何建议?
提前致谢
ios - 如何在 ios PWA 中存储相机权限?
我使用 angular PWA 创建了一个应用程序,它具有条形码扫描功能。它在 ios 中运行良好,但问题是每次在此页面上使用时,它每次都要求相机许可,即使用户提供了一次,PWA 也会再次要求许可。
一旦用户允许相机并使用该权限,我有什么方法可以存储权限,以便它不会每次都询问用户?
提前致谢。
angular - Angular + PWA = 没有 SSR?
我已经用 SSR 配置了一个角度应用程序,效果很好。
现在我使用 使我的应用程序成为 PWA ng add @angular/pwa
,不再预渲染该应用程序。
我必须用 Ctrl+Shift+R 重新加载页面,然后再次预渲染。
我在 Angular 应用程序和我的节点服务器中都没有收到错误消息。
可能是什么问题?
angular - 如何在我的 PWA 上触发 beforeinstallprompt 事件?
我使用 Angular 9 构建了一个 PWA,可以在这里看到,我实现了一个beforeinstallprompt
事件处理程序,以便为用户提供一种将 PWA 作为应用程序安装在屏幕设备上的方法。但它永远不会收到这个事件。Chrome PWA 审核通过了。
我想知道我错过了什么......
这是我处理事件的方式:
我可以在浏览器控制台中看到的最后一条日志语句是:
我希望有一天能看到这个:
请注意,以下内容永远不会显示:
该manifest.json
文件包含:
我可以在浏览器控制台选项卡Event Listeners
的选项卡中看到,监听器已注册。Elements
beforeinstallprompt
更新:我先解决了这个问题,然后解决了这个问题manifest.json
,最后将文件中的范围属性更改为"scope": "/"
to"scope": "./"
和index.html
文件中的<base>
元素从<base href="/">
to更改,<base href="./">
然后问题就消失了。
node.js - Angular PWA 离线数据输入和插入数据库
我有一个连接到 nodejs api 的角度应用程序。
我需要该应用程序作为 pwa 工作,并且用户可以离线填写表格。每当用户进入互联网时,表单数据都应该插入数据库而无需身份验证。我该如何做到这一点?
angular - Angular Service Worker 不适用于导航 URL(离线模式)
我有下面的 Angular Service Worker 配置文件,它似乎对 api 请求和静态内容工作正常,但对于导航 url,它没有命中缓存。例如,如果我打开www.mydomain.com
或www.mydomain.com/section
,www.mydomain.com/account/section
请求会转到服务器而不是在本地解析,因此应用程序的离线版本不起作用。
如果我遗漏了什么,有人可以指导吗?
我也经历过@angular/service-worker 在离线时不工作,但似乎答案不适用于最新版本的 Angular。
angular - Angular Service Worker 缓存和非删除性能策略
我的应用程序设计为离线工作,所以我使用了新鲜度策略。但是,在某些方面可以通过在线缓存进行改进。
我已指定对 API 的某些重复调用应使用性能策略。除了离线一小时后,这些文件消失并且应用程序停止工作之外,这有效。
有没有一种简单的方法可以让性能策略文件在到期后保持可用,以便仍然可以离线访问它们?他们可能已经老了,但是当没有其他可用的时候他们会这样做。
它是一个陷阱 22 - 我无法在不丢失离线模式的情况下进行优化。
基本上,我希望在线时拥有不到一小时的数据,但离线时我对长达一周的数据感到满意。
我的 ngsw-config.json