Next.js 站点在 chrome 中有图标，但在 brave 中没有

Question

我正在开发我的第一个 next.js 网站，我正在 index.js 中设置图标如下：

<Head>
  <title>Create Next App</title>
  <link rel="icon" href="/favicon.ico" />
</Head>

最初我使用的设置是我的源文件都在根目录中。我现在决定将它们移动到 src 目录。从那以后我观察到以下两个奇怪的行为：

将其他文件移动到 src.

时，favicon 存储在根目录中的 public 文件夹中（对此没有任何更改）

Answer 1

您需要删除缓存才能识别新的网站图标路径。

为防止将来出现这种情况，您可以添加删除 .next 目录以删除缓存，例如：

  "scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start"
    "clean": "rm /_next && next start"
  },

Next.js site has favicon in chrome but not in brave