Angular сервисный работник - приложение не загружается при установке на мобильный - PullRequest
Новая
       7

Angular сервисный работник - приложение не загружается при установке на мобильный

0 голосов
/ 08 апреля 2020

У меня есть Angular проект с сервисным работником. Если я открываю приложение в браузере (на настольном компьютере или на мобильном устройстве), у меня не возникает проблем, но если я устанавливаю приложение на мобильный телефон, я вижу счетчик, и приложение не загружается.

Версия: 

    Angular CLI: 9.0.5
    Node: 10.13.0
    @angular-devkit/architect          0.900.5
    @angular-devkit/build-angular      0.900.5
    @angular-devkit/build-optimizer    0.900.5
    @angular-devkit/build-webpack      0.900.5
    @angular-devkit/core               9.0.5
    @angular-devkit/schematics         9.0.5
    @angular/cdk                       9.1.1
    @angular/flex-layout               9.0.0-beta.29
    @angular/material                  9.1.1
    @angular/material-moment-adapter   9.2.0
    @ngtools/webpack                   9.0.5
    @schematics/angular                9.0.5
    @schematics/update                 0.900.5
    rxjs                               6.5.4
    typescript                         3.7.5
    webpack                            4.41.2

1 Ответ

0 голосов
/ 10 апреля 2020

Конфигурация ngsw. json

    {
     "$schema": "./node_modules/@angular/service- 
      worker/config/schema.json",
      "index": "/test/test/index.html",
      "assetGroups": [
       {
        "name": "app",
        "installMode": "prefetch",
        "resources": {
        "files": [
            "/test/test/favicon.ico",
            "/test/test/index.html",
            "/test/test/manifest.webmanifest",
            "/test/test/*.css",
            "/test/test/*.js"
        ],
        "urls": [
              "https://test.com/test/test/upload/**",
              "https://fonts.googleapis.com/css?
              family=Roboto:300,400,500&display=swap",
              "https://fonts.googleapis.com/icon?family=Material+Icons"
        ]
       }
        }, {
         "name": "assets",
         "installMode": "lazy",
         "updateMode": "prefetch",
         "resources": {
          "files": [
           "/test/test/assets/**",
           "/test/test/*.
          (eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
         ]
        }
       }
     ],
     "dataGroups": [
       {
        "name": "test-api",
        "urls": [
         "https://test.com/test/api/**"
        ],
        "cacheConfig": {
        "maxSize": 20,
        "maxAge": "30d",
        "timeout": "5s",
        "strategy": "freshness"
       }
      }
     ]
    }
...