Chrome developer toolsのCache Storageにアセットが表示されないのはなぜでしょうか？

Question

お世話になっています。
下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。

---

【質問の主旨】

JavaScriptのコードをクライアントマシンのNode.jsで実行しているにも関わらず、Chrome developer toolsのCache Storageにアセットが表示されない（1.png）のはなぜでしょうか？

（参考ページ）
https://developers.google.com/web/tools/chrome-devtools/manage-data/local-storage?hl=ja#application-cache

【質問の補足】

上記の質問に対して下記の5点を補足説明します。

1.

Cache Storageにアセットするために使用しているJavaScriptのコードは以下のGitHubで公開しているURLです。

https://github.com/webopt/ch9-service-workers/blob/master/htdocs/sw-install.js
https://github.com/webopt/ch9-service-workers/blob/master/htdocs/sw-install.js

sw-install.jsとsw.jsには何も記述されていませんが、hackmdにそれぞれ追記しています。

2.

developer toolで[Application]→[Service Workers]を表示させると、Service Workerは動作しているように見えます(2.png)。

3.

1.pngと2.pngの画像はローカル開発環境（http://localhost:8080/）で表示させています。

4.

今回の質問内容やコードについては、「Webサイトパフォーマンス実践入門」という本のP228からP229を参考にしています。

5.

今回の質問と同じ質問をすでにGoogle Chromeのサポートフォーラムとstackoverflow日本語版で行なっていますが、ヒントやアドバイスなどはまだいただいていない状態です（2019年2月20日現在）

---

以上、ご確認のほどよろしくお願い申し上げます。