Angular PWA 在离线时总是无法获取

问题描述

我正在为我的应用程序使用 angular PWA。 我从 angular 官方页面关注了 this tutorial。

当我在线时，我的应用程序可以运行并且可以安装服务工作。 但是，当我将浏览器切换到离线模式时，我的应用程序无法再运行。 这是它显示的：

• ngsw-config.json：

{
  "$schema": "../../node_modules/@angular/service-worker/config/schema.json","index": "/index.html","assetGroups": [
    {
      "name": "app","installMode": "prefetch","resources": {
        "files": [
          "/favicon.ico","/index.html","/manifest.json","/*.css","/*.js"
        ]
      }
    },{
      "name": "assets","installMode": "lazy","updateMode": "prefetch","resources": {
        "files": [
          "/assets/**","/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
        ]
      }
    }
  ]
}

• ma​​nifest.json

{
  "name": "ng-main","short_name": "ng-main","theme_color": "#1976d2","background_color": "#fafafa","display": "standalone","scope": "./","start_url": "./","icons": [
    {
      "src": "assets/icons/icon-72x72.png","sizes": "72x72","type": "image/png","purpose": "maskable any"
    },{
      "src": "assets/icons/icon-96x96.png","sizes": "96x96",{
      "src": "assets/icons/icon-128x128.png","sizes": "128x128",{
      "src": "assets/icons/icon-144x144.png","sizes": "144x144",{
      "src": "assets/icons/icon-152x152.png","sizes": "152x152",{
      "src": "assets/icons/icon-192x192.png","sizes": "192x192",{
      "src": "assets/icons/icon-384x384.png","sizes": "384x384",{
      "src": "assets/icons/icon-512x512.png","sizes": "512x512","purpose": "maskable any"
    }
  ]
}

请帮帮我， 谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）