Angular PWA App基本问题

Question

我在Angular PWA应用程序中遇到了非常基本的问题。一旦缓存的应用程序就无法刷新甚至离线访问。

我已经在一个简单的应用程序中缩小了范围。

1. 已下载Basic Angular 6示例（https://angular.io/generated/zips/toh-pt6/toh-pt6.zip）。
2. 通过运行@ ngular / pwa添加了最新的PWA支持。
3. ng build --prod。
4. 在我的github存储库上上传dist文件夹内容
   （vimmubansal.github.io）。
5. 现在在https://vimmubansal.github.io/上检查应用程序
6. 几秒钟后（缓存应用程序时），请刷新应用程序，然后您会看到“无法访问此网站”或处于离线状态。您将不会获得缓存的应用程序。

注意：但是在隐身模式下，它运行正常，没有出现此类问题。

请帮助。

Answer 1

1. 确保您的网络应用仅在浏览器的一个标签中运行（如果存在，请关闭其他标签）。

2. 关闭Chrome DevTools。

Answer 2

当您运行应用程序时使用“http-server -p 8080 -c-1 dist”命令，您可以为angular安装http-server并在浏览器中使用http://127.0.0.1:8080/链接

Answer 3

转到链接： Getting started with PWA

在 Angular CLI 中运行命令：ng add @angular/pwa

转到以下链接。

https://angular.io/guide/service-worker-config#assetgroups

https://angular.io/guide/service-worker-config#resources