Angular 7 – 服务工作者未注册

发布时间：2020-12-17 17:47:35 所属栏目：安全来源：网络整理

导读：我按照“ https://angular.io/guide/service-worker-getting-started”中的说法完成了我的应用程序PWA. 正是使用了这个命令： ng add @angular/pwanpm install http-server -gng build --prodhttp-server -p 8080 -c-1 dist 然后我在Chrome上打开了这个网址(

我按照“ https://angular.io/guide/service-worker-getting-started”中的说法完成了我的应用程序PWA.

正是使用了这个命令：

ng add @angular/pwa

npm install http-server -g

ng build --prod

http-server -p 8080 -c-1 dist

然后我在Chrome上打开了这个网址(隐身)

http://127.0.0.1:8080

当我为开发人员打开工具时(f12)>应用程序>服务工作者没有可用的服务工作者,当我在那里离线时网站不起作用.

有关我的角应用的其他信息：

package.json :(最重要的)

"@angular/core": "^7.0.2","@angular/pwa": "^0.10.6","@angular/service-worker": "^7.0.4","@angular-devkit/build-angular": "^0.10.6","@angular/cli": "^7.0.6",

解决方法

@ angular / cli @ 7.1.4似乎破坏了服务工作者设置：

作为临时解决方案,您可以通过修改文件src / main.ts自行手动注册(一旦修复,您可以删除手动服务工作者注册.)：

.....

platformBrowserDynamic().bootstrapModule(AppModule).then(() => {
  if ('serviceWorker' in navigator && environment.production) {
    navigator.serviceWorker.register('/ngsw-worker.js');
  }
}).catch(err => console.log(err));

PS：创建了Github问题：https://github.com/angular/angular-cli/issues/13351

（编辑：李大同）

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