angular - 如何使用新的 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
• @角/cli：1.6.4
• 角度：5.2.1

这是我的网络电话：

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

我在这里想念什么吗？