如何删除默认的 CRA react favicon？答案

【问题标题】：How to remove the default CRA react favicon?如何删除默认的 CRA react favicon？
【发布时间】：2018-06-06 20:02:56
【问题描述】：

我已经删除了 head 标签中的链接，但仍然会呈现 favicon，无论如何这可以删除或更改吗？

【问题讨论】：

【解决方案1】：

您可以使用自己的 favicon 从公共目录更改它，但您会在开发时看到，但在运行时会看到

npm run build

你不会在 index.html 链接标签中看到它你只会在开发中看到它。

【讨论】：

【解决方案2】：

您的网站图标位于 project_root > public > favicon.ico。

|
`--- public
     |
     `--- favicon.ico

删除它很困难，因为如果浏览器没有找到任何东西，通常会使用缓存的图标。

我会敦促你改变它。只需将favicon.ico 文件替换为您选择的图像即可。您甚至可以将 png 重命名为 favicon.ico 并使用它。确保进行硬刷新。您必须爆破缓存才能看到这种变化。

如果您想全力以赴，请使用https://www.favicon-generator.org/ 生成一个网站图标

【讨论】：

您能否更具体地说明什么是“硬刷新”？
它只是通过清除缓存刷新页面。您可以在 pc 中使用 ctrl-f5 或在 mac 中使用 cmd-shift-R getfilecloud.com/blog/2015/03/…
如何爆缓存？
@MadHatter，做一个hard refresh
编辑器或服务器与它没有太大关系。图标缓存在浏览器中

【解决方案3】：

试试这个：-

改变 <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" /> 到

<link rel="shortcut icon" href="/a.png" /> which should be not present by the way or try deleting the favicon

【讨论】：

【解决方案4】：

您必须执行以上（或以下）所有操作，但您还需要清除浏览历史记录。

【讨论】：

【解决方案5】：

进入你的项目目录→公开→打开manifest.json:

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

【讨论】：

【解决方案6】：

只需简单地将您的图像重命名为 favicon.ico 并将公共文件夹中的实际 favicon.ico 图像替换为您的重命名图像。然后刷新你的页面..

【讨论】：

【解决方案7】：

获取您的图标并将其替换为 ~your_director~/public/favicon.ico

然后刷新站点。

【讨论】：

【解决方案8】：

您可能必须生成flavicon。在您决定要用于 flavicon 的图像后，该站点将帮助您生成 .ico 文件。您可能需要编辑 HTML 以包含正确的大小调整属性。

【讨论】：

【解决方案9】：

只需导航到您的 react 项目中的公共文件夹，然后删除名为 favicon.ico 的文件。然后，您应该将该文件替换为您最喜欢的图标或任何 png 图像，方法是将其重命名为 favicon.ico，就像您之前使用的那样。然后刷新你的页面。

【讨论】：