0

Angular と PWA を使用したプロジェクトがあります。OSはWindows10です。angularコアのバージョンは8.2.14、pwaのバージョンは0.803.19です。マニフェストファイルは

{
  "name": "App Name",
  "short_name": "App Name",
  "theme_color": "#313643",
  "background_color": "#fafafa",
  "display": "standalone",
  "scope": "/",
  "start_url": "/",
  "icons": [
    {
      "src": "assets/icon/72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
   ...etc
  ]
}

初めて pwa をデスクトップにインストールしたとき、マニフェスト ファイルはデフォルトのアイコンでデフォルトでした。次に、アイコン フォルダー内のアイコンを変更し、マニフェスト内のアイコンへのパスをテーマの色に変更しました。何度かアプリの再インストールを試みましたが、テーマもアイコンもデフォルトのままでした。コンソールを確認しました - 新しいアイコンがありました。同じことがアプリのインストールを促していました。しかし、クリックしてインストールすると、インストールされたアプリのアイコンとテーマがデフォルトで角度付きになりました。アイコンフォルダーの名前を変更しようとしました。役に立ちませんでした。テーマは、明示的に index.html テーマの色に貼り付けた場合にのみ変更されました。興味深いことが 2 つあります。1つ目は、インストールされたアプリでRMBを試したときです。プロパティ->アイコンを変更すると、新しいアイコンのみが表示され、角度のデフォルトは表示されません。しかし、手動で変更してアプリを再インストールすると、アイコンは角度付きのデフォルトでした。2 つ目は、アプリを別の PC に初めてインストールしようとしたときに、インストールされたアプリのアイコンが新しくなったことです。PCか何かに何らかのキャッシュがあるように思えます。この問題に関する情報は見つかりませんでした。誰にもアイデアはありますか?本番環境では問題になる可能性があり、これは正しい動作ではないと思います。

ここに私の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.webmanifest",
          "/*.css",
          "/*.js"
        ]
      }
    },
    {
      "name": "assets",
      "installMode": "lazy",
      "updateMode": "prefetch",
      "resources": {
        "files": [
          "/assets/**",
          "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
        ]
      }
    }
  ]
}

4

1 に答える 1