选项卡图标从自定义更改为 React 图标。 为什么？

Question

我正在开发一些应用程序，遇到了一个奇怪的问题，当我在路由之间导航时，选项卡图标不断从我设置的（右侧）切换到 ReactJS 图标。 在我的 HTML 文件中，我有适当链接的图标（或者至少我认为），那么有什么问题呢？

鉴于我什至没有使用 React 而是使用 Vue.js 2，这尤其奇怪。发生了什么，我该如何解决这个问题？

我不确定代码片段会有所帮助，但下面是我的根 HTML。

HTML 头部部分

<head>
    <meta charset="utf-8">
    <title>RGB Guessing Game</title>
    <link rel="icon" href="./static/colors.ico">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Oxygen:300,400,500,700,400italic">
</head>

另外，这是两个选项卡图标版本的照片

正确的版本

错误的（反应）版本

Answer 1

在 public 文件夹中，有一个名为 manifest.json 的文件。 文件内有一个关于图标的部分。 只需将图标的名称更改为您的特定名称即可。 公共文件夹中还有 index.html。 找到说 . 在那里也更改名称。