Angular 5 Service Worker不工作

文章/答案/技术大牛

发布

1回答

angular5、service-worker、angular-service-worker

在更新到angular 5之后，我尝试将service worker添加到我的项目中，但遇到了一些问题。我将导入添加到app.module.ts：import {environmentServiceWorkerModule.register('/ngsw-worker.js

浏览 4提问于2018-02-11得票数 12

回答已采纳

2回答

更新angularCli后的编译问题

angular、angularfire2

更换电脑然后安装最新的angular版本Cli，现在我的项目给我这个错误，我在互联网上找不到信息。Module parse failed: Unexpected token (23:40

浏览 5提问于2019-02-07得票数 4

1回答

带有角服务工作人员的Android本地通知

angular、service-worker、progressive-web-apps

我试过使用，它在桌面上工作得很好，但是构造函数因为Notification不再适用于Android，所以它不适合我。编辑navigator.serviceWorker.getRegistration() .then((reg)我使用注册服务工作者，上面的代码使用注册的服务工作者。另外，要知道服务工作者要工作，您需要一个安全的连接

浏览 3提问于2017-07-20得票数 3

回答已采纳

1回答

防止角PWA自动更新

angular、progressive-web-apps、auto-update、angular-service-worker

角-PWA可以是我最近的创业项目的一个不错的选择。但是它的一个好功能必须被禁用！不包括任何关于这个策略的想法。

浏览 0提问于2019-01-31得票数 1

2回答

Service worker :获取事件侦听器永远不会由对Angular 7上的API的HTTP GET请求触发

angular、service-worker、progressive-web-apps、angular-service-worker

我使用@angular/service-worker模块生成一个服务工作者来缓存我的Angular 7应用程序的所有静态资产，它工作得很好(在chrome dev工具的网络选项卡中，这些文件被标记为from我知道@angular/service-worker模块支持dataGroups类型的资产，但我想做一些更复杂的事情:首先提供缓存数据，然后通过网络获取数据，更新缓存，最后返回第二个更新的响应。我在app.mod

浏览 4提问于2019-02-11得票数 5

3回答

如何向Angular cli生成的服务工作者添加自定义代码

javascript、angular、angular-cli、service-worker

我可以生成并配置由angular cli生成的服务工作者(通过配置文件)，而不会出现任何问题。然而，似乎没有关于如何添加自定义代码ngsw-worker.js的文档，因为我想添加推送通知、post消息等功能。

浏览 2提问于2018-03-23得票数 6

1回答

Angular service worker迁移5-6离线不工作(初始化失败)

javascript、angular、service-worker

自从在Angular 4中开始使用Angular service worker以来，我一直在为一个生产应用程序使用Angular service worker。在Angular 5中，它工作得很好，但是一旦应用程序离线(使用chrome调试器中的离线)迁移到Angular 6，浏览器刷新会返回HTTP 504错误。当我转到/ngsw/state虚拟文件夹时，我看到这条消息，指出服

浏览 16提问于2018-09-10得票数 0

1回答

Angular service worker在子目录中不工作

angular、manifest、service-worker、angular-service-worker、angular-pwa

我创建了一个新的angular项目并添加了@angular/pwa，当网站在目录中时，我不知道如何让服务工作者工作。我尝试将文件夹添加到ngsw-config.json中的每个链接中，并在链接前添加一个点(这使得angular应用程序可以通过使用<base href="./">在文件夹中运行)。版本: Angular CLI: 8.3.8 Node: 10.16.3 @angular/pwa: 0.803.8

浏览 16提问于2019-10-08得票数 3

回答已采纳

1回答

Angular PWA缺少ngsw.json和ngsw-worker文件

progressive-web-apps、angular-service-worker、angular-pwa

我对@angular/pwa有个问题。当我在生产模式下构建时，我无法在dist文件夹中获得ngsw-worker.js和ngsw.json文件。我使用的pwa版本是：@angular/service-worker: ~7.1.0提前感谢

浏览 4提问于2019-05-04得票数 5

1回答

角工作箱服务工作人员注册失败，出现404错误

angular、http-status-code-404、service-worker、workbox、micro-frontend

我在为工作箱服务人员注册时遇到了麻烦。我继续得到服务-worker.js文件的404错误。文件转换为放置在dist/apps/shell/service-worker.js中的service-worker.js文件，该文件应该是shell应用程序的根目录。错误读取service worker registration failed. 404 returned for script at https://

浏览 6提问于2022-04-22得票数 0

2回答

角:使用TypeScript用于服务工作人员(ServiceWorkerModule)

angular、typescript、service-worker、angular-service-worker

是否可以用ServiceWorker注册用TypeScript编写的@angular/service-worker？当前，在app.module.ts中注册服务工作者如下所示 enabled: environment.production})cons

浏览 0提问于2019-07-28得票数 5

1回答

服务人员不在angular 5中工作

angular、angular5、progressive-web-apps

当我尝试在我的应用程序中注册服务工作者时，它给我错误，如未处理的Promise rejection:注册服务工作者失败:在获取脚本时收到错误的HTTP响应代码(404)。TypeError :注册服务工作线程失败:获取脚本时收到错误的HTTP响应代码(404)。<!<script> navigator.serviceWorker.register('/

浏览 8提问于2018-08-01得票数 2

2回答

如何编辑角CLI项目的服务工作人员文件

angular-cli、service-worker、angular-service-worker

我已经使用命令@angular/pwa将ng add @angular/pwa --project *project-name*包添加到了我的角度CLI项目中，这样它就变成了一个渐进的web应用程序，这就增加了一个我认识的服务工作者我想编辑默认的服务工作者，以支持例如处理链接。我看到服务工作者使用Google中的“检查”选项注册到一个名为ngsw-worker.js的文件中。当使用ng build --prod编译时，如何编辑由角CLI创建的服务工作

浏览 7提问于2019-10-16得票数 7

回答已采纳

2回答

在生产环境中对angular应用程序进行版本控制

javascript、angular、typescript

我有一个多模块应用程序，其中我的一些模块是延迟加载的，所以dist文件夹中的输出文件看起来像这个1.d2ef1******8da.chunk.js、2.dsfd3******8da.chunk.js和wise。问题是，如果我为产品创建了一个新的构建，那么散列就会改变，因此文件名也会改变。假设用户没有刷新页面，他们仍然会尝试懒惰地加载旧文件，旧文件将显示为未找到文件。在这种情况下，我的页面会挂起。我该怎么处理呢？

浏览 1提问于2019-01-21得票数 1

2回答

在web应用程序中启用服务工作者

angular、service-worker

我正在使用Range4开发应用程序，我需要使用服务工作者来启用离线功能。npm i @angular/service-worker --S 我试过使用上面的包，但它不起作用，我不知道这个服务工作者需要做什么配置。任何人请帮帮我！！我在控制台中使用了正在跟踪错误的角度服务工作人员。错误:模块C:/projectfolder/node_modules/@angular/service-worker<

浏览 2提问于2017-10-12得票数 2

1回答

Angular Service Worker获取错误

angular、angular-service-worker

关于我们的Angular 6 web应用程序和服务人员:当我们通过Chrome - Site can't be reached访问我们的QA网站时，我们正在努力解决这个与service worker相关的错误

浏览 0提问于2018-08-20得票数 0

1回答

Angular service worker maxSize配置

angular、service-worker、angular-service-worker

“/api/v1/catalog/categories/startpagePosition/4”, “/api/v1/catalog/categories/startpagePosition/5"

浏览 0提问于2018-09-18得票数 0

1回答

Customise @angular/service-worker

service-worker、angular-service-worker、service-worker-events

如何自定义@angular/service-worker？我知道这不是在npm_modules文件夹中进行修改的合适方式。我读过一个教程，其中作者创建了额外的2个js文件。其中一个文件包含服务工作者代码，而另一个文件包含'importScripts()‘，用于导入ngsw-worker.js文件和自定义服务工作者文件。它工作得很好，自定义服务工作者监听安装事件，但是当涉及到fetch事件时，它不会传递这个fetch事件侦听器。我没有

浏览 12提问于2018-09-04得票数 2

1回答

脱机模式下的angular* pwa*

angular、progressive-web-apps、offline

Angular 10、SSR、PWA、firebase主机通过一个连接，我将它安装在我的系统上，一切都可以正常工作。我切断了网络，我可以继续浏览。另一方面，当我执行F5刷新时，我得到一个HTTPerror504页面有解决方案吗？

浏览 2提问于2020-11-18得票数 0

1回答

取消注册后，Angular* service *worker未注册

angular、progressive-web-apps、service-worker、angular-service-worker

我已经使用以下命令在现有应用程序中添加了Angular service worker ng add @angular/pwa 在此之后，我构建了应用程序并运行了应用程序。首先，它显示了服务工作者，但我手动将其取消注册。在那之后，我试着重新构建它。但是service worker不会再次安装。我可以知道如何在Angular应用程序中再次注册服务工作者吗？/node_modules/@angular

浏览 23提问于2021-10-03得票数 1

点击加载更多