Next.js 14中favicon.ico在Chrome无法显示的问题及解决方法

在使用Next.js 14 App Router时，直接替换根目录下的favicon.ico文件后，Chrome浏览器会出现无法正常显示新图标的问题。当前项目目录结构为：

/
├─ app/
└─ favicon.ico

解决步骤：

• 将根目录下的favicon.ico重命名为icon.ico
• 把重命名后的icon.ico移动到src/app目录下

完成上述操作后，Chrome浏览器即可正常显示新图标。

内容的提问来源于stack exchange，提问作者Miki U