在manifest.json中更改sizes。

• • 试试这个**

"sizes": "16x16"

转到索引文件并注解掉<link rel="manifest" href="%PUBLIC_URL%/manifest.json">

我也遇到了同样的问题。如果你打开位于公共文件夹的manifest.json，你会注意到一堆图标的规范。如果你在清理应用时删除了它们，或者添加了一个不符合manifest中参数的图标，你会得到你正在得到的错误。编辑manifest中的“src”，为你的新favicon.ico，或者删除那些你不使用的，你的问题就会消失。
请看这里：What is public/manifest.json file in create-react-app?

问题出在manifest.json中我不再使用的图标上。删除该信息后，我就再也看不到任何错误了

在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文件，它为一个自定义图标保留了一个占位符，您可能需要在以后添加。

您必须检查manifest.json中的sizes属性值是否与图标文件中的真实的图像大小匹配！如果不匹配，您必须：

• 使用图像编辑器调整图像文件的大小
• 或者将sizes的值改为正确的值。在这种情况下，我不确定是否有标准值，我还没有找到任何关于它们的信息...但是我会注意放一个平方大小！

转到index.html文件并注解掉该行

<!-- <link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> -->

尝试将“x”更改为“*”

如果出现此错误

Error while trying to use the following icon from the Manifest

您只需验证src属性是否与png文件的正确路径匹配。