从清单下载的图标为空或已损坏

Question

所以我正在为我的网络应用程序设置一个清单文件，并且需要一个有效的图标才能工作。遵循MDN结构，我为我的应用程序提供了多个图标。到目前为止，这是我的清单：

{
  "name": "Tradesolution EPD",
  "short_name": "EPD portal",
  "theme_color": "#007AB5",
  "display": "standalone",
  "start_url": "http://localhost:1384/#/",
  "icons": [
    {
      "src": "content/images/favicon.ico",
      "sizes": "144x144"
    },
    {
      "src": "content/images/favicon.ico",
      "sizes": "16x16"
    },
    {
      "src": "content/images/ts-logo.svg",
      "sizes": "72x72"
    },
    {
      "src": "content/images/ts-logo.svg",
      "sizes": "512x512"
    }
  ],
  "background_color": "#007AB5", 
  "orientation": "portrait" 
}

我在尝试添加清单的控制台中收到以下错误：

Site cannot be installed: 
icon downloaded from the manifest was empty or corrupted

这是我来自 devtools 的清单概述。

根据 W3C 标准清单验证器，我的 manifest.json 文件也是有效的

更新：所以我用带有以下参数的新图像更新了我的清单：

{
  "src": "content/images/pakningssammensetninger/new-B_diagram.png",
  "sizes": "192x192",
  "type": "image/png"
}

我在控制台中收到相同的错误消息：

Site cannot be installed: icon downloaded from the manifest was empty or corrupted

Answer 1

你可以参考这个帖子。根据此文档，放置src图标的路径时，必须引用根目录。/您应该通过在开头删除来更改路径并再次编译。

改变"src": "/android-chrome-192x192.png", to "src": "android-chrome-192x192.png",（/开头没有）。

希望这可以帮助！