favicon反应应用程序不起作用

Question

我想在我的反应应用程序中添加一个favicon，但它似乎不起作用。

尝试以下操作：将代码添加到head部分的index.html文件中

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">

<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">

<link rel="manifest" href="/site.webmanifest">

<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">

<meta name="msapplication-TileColor" content="#ffc40d">

<meta name="theme-color" content="#ffffff">

还将图标放在与index.html相同的文件夹中。你能告诉我问题持续存在的地方吗？

谢谢。

Answer 1

请记住将%PUBLIC_URL%添加到index.html中的所有href属性中

例如;

<link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/apple-touch-icon.png">

那应该可以解决你的问题。