角色服务工作者在ngsw / state虚拟目录下调试信息？

Question

我参考了角度服务工作者和调试（参见以下链接：https://angular.io/guide/service-worker-devops#locating-and-analyzing-debugging-information）。

引用文档：

  

Angular服务工作者公开调试信息   ngsw/虚拟目录。目前，单个公开的URL是   ngsw/state。

我无法在https://angular.io/渐进式网络应用上找到ngsw/state调试信息：我尝试按以下方式追加ngsw/state：https://angular.io/ngsw/state无济于事。我无法在源devtools选项卡中找到ngsw/state引用。更重要的是：什么是 虚拟目录 以及它在哪里可以找到？

有人可以提出建议吗？

Answer 1

由于某些原因，服务工作者似乎没有在https://angular.io渐进式网络应用上激活，尽管我可能错了（参见：https://github.com/angular/angular/blob/master/aio/.angular-cli.json#L25）。

但是，通过使用角度CLI生成服务工作者应用程序：

ng new mySwProject --service-worker

然后以 prod 模式构建它：

cd mySwProject
ng build --prod

并使用 http-server ：

提供服务

cd dist
http-server -p 8080  

可以使用以下网址查看服务工作者信息：

http://localhost:8080/ngsw/state

输出：

NGSW Debug Info:

Driver state: NORMAL ((nominal))
Latest manifest hash: e60b43d83d323671c26f71fba9da395abdb4c01b
Last update check: 14s821u

=== Version e60b43d83d323671c26f71fba9da395abdb4c01b ===

Clients: 

=== Idle Task Queue ===
Last update tick: 14s616u
Last update run: never
Task queue:



Debug log:

仅供参考：ng serve不能与文档中所述的服务工作者一起使用：

  

由于ng服务不适用于服务人员，因此必须使用真实服务   HTTP服务器在本地测试您的项目。测试是个好主意   专用端口。