Question

在manifest.json多个尺寸示例中

    { “src”:”images/icons/apple-icon-57x57.png”,
    “type”: “image/png”,
    “sizes”: “57x57”,
    }

index.html链接中的

看起来像这样

    <link rel="apple-touch-icon" href=“%PUBLIC_URL%images/icons/apple- 
    icon-57x57.png" sizes="57x57" />

图标文件位于public/images/icons。

Answer 1

不确定您是否仍在寻找答案，但这可能会对其他人有所帮助；您不需要自动关闭链接标记，因为您的index.html不是JSX文件。

因此<link rel="apple-touch-icon" sizes="57x57" href=“%PUBLIC_URL%images/icons/apple-icon-57x57.png">应该解决此问题。

Answer 2

图标

当用户将您的网站添加到他们的主屏幕时，您可以定义一组图标供浏览器使用。这些图标用于主屏幕、应用启动器、任务切换器、启动画面等。

icons 是一个图像对象数组，每个对象都应该包含 src、sizes 属性和图像类型。

有关更多信息，只需点击here