尝试使用清单中的以下图标时出错

Question

在运行 react 应用程序时，我的控制台总是显示此错误消息。我知道为什么会这样显示？

“尝试使用清单中的以下图标时出错：http://localhost:3000/favicon.ico（资源大小不正确 - 清单中的错字？） ”

Answer 1

进入索引文件并注释掉<link rel="manifest" href="%PUBLIC_URL%/manifest.json">

Answer 2

改变sizes的manifest.json。

尝试这个：

"sizes": "16x16" 

Answer 3

改变public > manifest.json这个：

"icons": [
    {
      "src": "favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
    },
    {
      "src": "logo192.png",
      "type": "image/png",
      "sizes": "192x192"
    },
    {
      "src": "logo512.png",
      "type": "image/png",
      "sizes": "512x512"
    }
  ]

对此：

"icons": [
    {
      "src": "favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
    }
  ]

并且不要扔掉该favicon.ico文件。这会保留自定义图标的占位符，您可能需要稍后添加。

Answer 4

我也有同样的问题。如果您打开位于公共文件夹中的manifest.json，您会注意到一堆图标规范。如果您在清理应用程序时删除了它们，或者添加了不符合清单中参数的应用程序，您将收到错误消息。编辑新 favicon.ico 清单中的“src”，或删除不使用的内容，问题就会消失。

也看看这里： What is public/manifest.json file in create-react-app?