问题标签 [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 回答
184 浏览

angular - 当我尝试安装@angular/pwa 时。使用 ng 添加@angular/pwa。它向我显示了这个错误

发生未处理的异常:ENOENT:没有这样的文件或目录,lstat 'C:\Users\Kevin Shah\AppData\Local\Temp;C:' 写入调试日志文件的致命错误:ENOENT:没有这样的文件或目录,lstat 'C :\Users\Kevin Shah\AppData\Local\Temp;C:'

错误:ENOENT:没有这样的文件或目录,lstat 'C:\Users\Kevin Shah\AppData\Local\Temp;C:'

即使我将它安装在 'C:\xampp7.2\htdocs\Angular\ng-pwa01-start' 文件夹中,它也会显示 'C:\Users\Kevin Shah\AppData\Local\Temp;C' 这个文件夹错误。

我什至尝试运行'ng add @angular/pwa --project ng-pwa01-start',但它也显示了同样的错误。

0 投票
0 回答
443 浏览

angular - Angular pwa,如何使 http-server(在 localhost:8080 上运行)与在 localhost:3333 上运行的 nodejs 服务器一起工作?

当我在端口 3330 上提供网络应用程序时,我可以使用 --proxy ./src/proxy.config.json 使网络应用程序在端口 3333 上工作,但我不知道如何使 http-server 工作以同样的方式

proxy.config.json:

环境.ts:

0 投票
1 回答
1578 浏览

angular - ionic as pwa with angular/pwa 404 not found

我有一个离子应用程序,我使用它pwa,我已经安装@angular/pwang add @angular/pwa然后我运行ionic build --prod,我在我的服务器上上传所有 y www 文件夹但是当我刷新一个页面时,我得到了404 Not Found The requested URL was not found on this server.

有人知道为什么吗?我不知道我应该与您共享哪个文件和文件夹以提供帮助,所以如果需要,请告诉我。谢谢大家

0 投票
1 回答
572 浏览

api - 在Angular PWA中如何动态缓存API请求(带参数)而不是手动添加ngsw-config.json中的每个url

我有一些 API,例如 https://api-****** y?apikey=sX 4&q=london,其中 q=london 是一个会不断变化的参数,那么如何在 url 列表中添加这个 URL在 ngsw-config.json 文件中

我有两个疑问:

  1. 与其为所有不同的参数(如伦敦/曼彻斯特/伯明翰)一次又一次地添加相同的 url,有没有一种方法可以让我只添加不带参数的基本 URL,它会在用户搜索时存储所有不同参数的响应?

  2. 与其手动添加 URL,不如在用户在线搜索时动态存储 URL 的响应。我的意思是我最初不会在 ngsw-config.json 文件的列表中添加任何 URL,但是当用户请求该 url 时,它的响应会自动存储在缓存中。

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 回答
1677 浏览

caching - 部署后,Angular PWA 服务工作者不会在离线模式下从缓存中获取 api 响应

使用 localhost Angular PWA 服务工作者在所有情况下都可以正常工作,但是在部署后(在带有 GIT 管道的 Azure 服务器上),在线模式下一切正常: 1. 服务工作者已注册。2. API 响应被缓存。现在,当我离线时,服务人员仍然尝试从网络获取 api 响应(并在其离线模式下给出 504 错误)而不是从缓存中获取这些响应。我可以在缓存中看到数据,但问题是 ServiceWorker 仍然尝试仅从网络获取它,即使在离线模式下也是如此。

对于部署构建,我运行以下命令:

然后将 dist 文件夹中生成的构建文件推送到部署分支中的 GIT 存储库,从那里通过 git 管道自动部署到 Azure 服务器。一些 GIT 答案建议从我尝试过的 ngsw-config.json 文件中删除“$schema”标签,但问题仍然存在。请帮助。提前致谢。

0 投票
1 回答
159 浏览

angular - 在 Angular 8 中设置动态 PWA 基础路由

我正在开发一个 Angular PWA 应用程序。下面是我的要求。

示例:我有https://localhost.com网站。所以我的 PWA 在向我展示了初始屏幕后将我带到了这个 url。

根据我的要求,它应该直接打开https://localhost.com/user/login

我怎样才能做到这一点。我附上我的清单文件。

0 投票
1 回答
226 浏览

angular - 更新已安装的 PWA 目标 URL(或使用新的目标 URL 重新安装应用程序)

我有一个带有 angular-i18n 的国际化 Angular Web 应用程序。有了这个系统,Angular 为每种语言创建了一个专用的应用程序。

为了在 Web 服务器上提供多语言,我为每种语言设置了一个 url(mywebsite.com/en、mywebsite.com/de、mywebsite.com/fr 等),每个 url 指向对应于该语言的应用程序。

该应用程序可以安装在设备上(使用 angular-pwa)。

问题如下:

当用户更改语言时,他会被重定向到另一个 url(例如从 mywebsite.com/en 到 mywebsite.com/fr)。对于已安装的应用程序,如果他离开并重新启动它,语言更改不会持续。还有另一个问题:与已安装的应用程序不在同一个 url 上会导致显示浏览器栏,这在已安装的 pwa 中是不可取的。

为了使更改持续存在,应用程序必须更改其目标 URL 或在用户更改语言时重新安装自身。但我在任何地方都找不到如何做到这一点......

如何解决这个问题呢?

--

编辑:

我只是发现了这个问题: Apply changes to an installed PWA ( different base URL)

我的问题非常相似。

0 投票
0 回答
328 浏览

angular - Asp mvc 5 angular 9 相对路径问题与子目录中的 pwa

我有一个带有 angular9 的 Asp mvc 5 站点。

我的 Angular 9 内置在 /Scripts/angularDist 目录中。

我在我的默认 mvc 控制器操作(主页/索引)中返回 angular index.html 文件(src/index.html):

ngsw-config.json 配置为使用 index.html:

最后我通过 app.module 中的 ServiceWorker 模块注册了 service worker:

因此,由于 angular 和 pwa 位于子目录中,因此我设法获取要在服务工作者中注册的相对路径的唯一方法是使用:

所以 ngsw.json 中的 url 现在看起来像这样:

所以应用程序可以正常工作并且服务人员已注册。但是问题是我的网址现在是:

所以我的问题是,如何在不更改我的 url 的情况下将服务工作者中生成的 .js 和 .css 文件的相对路径设置为以我的子目录 (/Scripts/angularDist) 为前缀。

还有其他设置方法吗?

我遇到的问题:

  1. 我不想/不需要在 url 中显示 /Scripts/angularDist 路径
  2. 所有 http 调用现在都无法通过 web api,因为相对路径附加到 api 调用

编辑

我尝试使用 ng build --prod --base-href=./ 然后加载没有 /Scripts/angularDist 的 url 并且服务工作者中的相对路径正常工作,但看起来服务工作者的范围没有覆盖根 url 并且应用程序无法离线工作

0 投票
0 回答
156 浏览

angular - Angular:如何在同一个域下拥有多个 PWA 应用程序

自上周以来,我面临着一个大问题。

我正在使用 Angular 应用程序,该应用程序具有一项功能,例如创建带有专用 url 的名片。下面给出示例。

mysite.com(主站点)

mysite.com/card1 (card1)

mysite.com/card2 (card2)

那么如何分别为每张卡设置 pwa。

  1. 我认为这不需要我做的代码
  2. 我知道这可以通过拥有多个服务人员来实现。

2分以上我知道。请帮我解决一下这个。我对此进行了很多搜索,但没有找到任何特定于Angular的内容。