如何使用新的Angular 5服务工作程序缓存数据

Question

我尝试使用新的Angular 5服务工作者缓存来自REST API或websocket的数据。 我的ngsw-config.json包含：

"dataGroups": [{ "name": "api-freshness", "urls": [ "https://firestore.googleapis.com/" ], "cacheConfig": { "maxSize": 100, "maxAge": "1h", "timeout": "10s", "strategy": "freshness" } }]

我也尝试了两个来源并且没有设法缓存数据，当我关闭wifi时，数据不可用：

• https://angularfirebase.com/lessons/hnpwa-angular-5-progressive-web-app-service-worker-tutorial/

• https://medium.com/google-developer-experts/a-new-angular-service-worker-creating-automatic-progressive-web-apps-part-2-practice-3221471269a1

资产正常。

我正在使用：

• Ubuntu 14.0.4上的chrome 63
• @ angular / cli：1.6.4
• Angular：5.2.1

这是我的网络电话：

我在localhost上运行， 在这个特定的应用程序中，我正在尝试连接到firebase，但是当尝试连接到本地rails服务器时，它也没有成功。

我在这里想念一下吗？