无法添加主屏幕图标来创建反应应用程序

时间:2018-05-18 05:41:36

标签: javascript reactjs icons

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

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

图标

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

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

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