加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Angular 6.1.2 PWA无法正常工作

发布时间:2020-12-17 17:52:29 所属栏目:安全 来源:网络整理
导读:我尝试了互联网上有关如何将PWA添加到Angular项目的所有解决方案,但仍然在Chrome开发工具中,没有注册服务工作者. 我确实运行了添加@ angular / pwa,使用ng build –prod和http-server -o,但仍然没有注册服务工作者.它也没有添加@ angular / service-worker包
我尝试了互联网上有关如何将PWA添加到Angular项目的所有解决方案,但仍然在Chrome开发工具中,没有注册服务工作者.

我确实运行了添加@ angular / pwa,使用ng build –prod和http-server -o,但仍然没有注册服务工作者.它也没有添加@ angular / service-worker包,也没有像在整个互联网上所示的那样添加Manifest.json文件.

我还尝试使用预先安装了ng new myProject –service-worker的PWA创建一个新项目,但也无法正常工作.

我甚至尝试注册服务,如下所示:

if(导航器中的’serviceWorker’){
??window.addEventListener(‘load’,function(){
????navigator.serviceWorker.register( ‘/服务worker.js’);
??});

旁注:当我运行add @ angular / pwa时,我收到一条消息“Path’/ngsw-config.json’已经存在”,所以我发现该文件在@schematics包下.该脚本仅添加@ angular / pwa包,该包不会与Angular PWA文档相关.

这是我的环境:

Angular 6.1.2
Angular CLI: 6.1.3
Node 8.11.3
NPM  5.6.0

我需要做些什么来获得一个普通的PWA Angular项目?

解决方法

这是@ angular / pwa包的新版本,它有一些bug.所以运行ng @ angular / pwa @ 0.6.8对我来说非常合适.

要在本地测试服务工作者:如果已将Firebase添加到项目(托管),则可以运行ng build –prod,然后运行firebase服务.当你没有Firebase时,可以运行ng build –prod,cd到dist文件夹(取决于你的配置),然后运行http-server -o.如果您没有http-server模块,请通过运行npm i -g http-server来安装它

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读