只是替换渐进式Web应用程序的图标会导致清单错误

Question

我已经生成了带有图标的清单文件，后来我决定只更改图标文件夹（通过复制，粘贴和覆盖）（通过复制，粘贴和覆盖），因为我在chrome devtools中出现以下错误，因为我点击了添加到主屏幕应用程序标签：

尝试使用清单中的以下图标时出错：https : //x.firebaseapp.com/icons/icon-144x144.png（资源大小不正确-清单中有错字？）x.firebaseapp.com/:1应用横幅未显示：无图标可显示

但是，在chrome移动版上，图标已更新（使用添加到主屏幕进行确认）

{
  "name": "Duckr",
  "short_name": "Duckr",
  "theme_color": "#2196f3",
  "background_color": "#2196f3",
  "display": "standalone",
  "orientation": "portrait",
  "Scope": "/",
  "start_url": "/",
  "icons": [
    {
      "src": "icons/icon-72x72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "icons/icon-96x96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "icons/icon-128x128.png",
      "sizes": "128x128",
      "type": "image/png"
    },
    {
      "src": "icons/icon-144x144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "icons/icon-152x152.png",
      "sizes": "152x152",
      "type": "image/png"
    },
    {
      "src": "icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "icons/icon-384x384.png",
      "sizes": "384x384",
      "type": "image/png"
    },
    {
      "src": "icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "splash_pages": null
}

Answer 1

icons/icon-144x144.png 图片的宽度应为144px，高度应为144px

您可以在chrome inspect的“应用程序”标签中检查清单

https://developers.google.com/web/tools/chrome-devtools/progressive-web-apps#add-to-homescreen

Answer 2

该图标实际上是 144 像素 x 144 像素吗？这就是错误向我暗示的内容。