如何删除默认的CRA反应图标?

时间:2017-12-25 17:38:13

标签: reactjs create-react-app

我已经删除了head标记中的链接,仍然会显示favicon,是否可以删除或更改?

11 个答案:

答案 0 :(得分:21)

您的favicon位于project_root>公众> favicon.ico的。

favicon.ico

删除它很难,因为如果找不到任何内容,浏览器通常会使用缓存的图标。

我敦促你改变它。只需将favicon.ico文件替换为您选择的图像即可。您甚至可以将png重命名为legend.itemStyle并使用它。确保你做了一次硬刷新。您必须突发缓存以查看更改。

如果您想全力以赴,请使用Microsoft.Network (Traffic Manager)

生成图标

答案 1 :(得分:2)

您可以使用自己的图标从公共目录更改它,但是您可以在开发时看到,但是当您运行时

npm run build

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

答案 2 :(得分:2)

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

答案 3 :(得分:2)

转到项目目录→公开→打开manifest.json

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

答案 4 :(得分:1)

尝试一下:-

更改  <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 

答案 5 :(得分:1)

只需将您的图像重命名为favicon.ico,然后用重命名的图像替换公共文件夹中的实际favicon.ico图像。然后刷新页面即可。

答案 6 :(得分:1)

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

然后刷新网站。

答案 7 :(得分:1)

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

https://realfavicongenerator.net/

答案 8 :(得分:0)

使用您的图标更改以下图标名称,并删除此“%PUBLIC_URL%

像这样

答案 9 :(得分:0)

只需执行以下步骤:

  1. 在您喜欢的代码编辑器中打开react应用。
  2. 导航到公用文件夹并删除 favicon.ico 文件。
  3. 现在,在 public 文件夹中添加一个新的图标。
  4. 将其重命名为 favicon.ico
  5. 重新加载您的应用以查看新的图标。

答案 10 :(得分:0)

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