ngsw/state仮想ディレクトリの下にある角度サービスワーカーのデバッグ情報？

Question

私は角度サービスワーカーとデバッグを参照しています（下記リンク：https://angular.io/guide/service-worker-devops#locating-and-analyzing-debugging-information参照）。

は、ドキュメントを引用すると：

角度サービスワーカーは ngsw/仮想ディレクトリの下にデバッグ情報を公開します。現在公開されている単一のURLは ngsw/stateです。

私はhttps://angular.io/プログレッシブウェブアプリのngsw/stateデバッグ情報を見つけることができませんでした：https://angular.io/ngsw/stateを無駄に：私は次のようにngsw/stateを追加してみました。ソースのdevtoolsタブ内でngsw/stateの参照を見つけることができませんでした。さらに、とは何ですか？とはどこですか？

誰かに助言してもらえますか？

Answer 1

何人かの理由で、サービスワーカーがhttps://angular.ioプログレッシブウェブアプリで起動していないようですが、間違いかもしれません（https://github.com/angular/angular/blob/master/aio/.angular-cli.json#L25参照）。 PRODでそれを構築し、その後

ng new mySwProject --service-worker 

モード：

cd mySwProject 
ng build --prod 

をしてHTTPサーバでそれを提供する

しかしサービスワーカーのアプリを生成するために、角CLIを使用して：

cd dist 
http-server -p 8080 

1は、次のURLを使用してサービスワーカーの情報を表示することができます。

http://localhost:8080/ngsw/state 

出力：FYI

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は、サービス労働者では動作しません

サービスワーカーでサービングが機能しないため、ローカルのプロジェクトをテストするには、実際の HTTPサーバーを使用する必要があります。 専用ポートでテストすることをお勧めします。