设置自定义 favicon.ico / nextJS 应用程序 (Firebase)

Question

我在 firebase 上有一个 nextJS 应用程序，它是在终端上使用这些命令创建的：

 % npx create-next-app@latest
 % cd myapp
 % firebase experiments:enable webframeworks
 % firebase init hosting
 % npm i react-firebase-hooks

我现在正在尝试为其设置一个自定义的 favicon.ico。

但由于某些原因，我一直看到旧的默认图标，而不是我的。

我认为我没有做需要做的事情，但找不到原因。

我用新文件替换了所有能找到的 favicon.ico 文件，但无济于事。

在这种情况下设置 favicon.ico 的正确方法是什么？

Answer 1

如果您使用的是版本 14，则必须替换

favicon.ico

文件夹中的

app

，然后删除

.next

文件夹以删除缓存。最后运行您的应用程序，图标将会改变，您还可以在浏览器上执行硬重新加载，以确保清除浏览器中的缓存。