reactjs 如何删除next.js顶部的默认图标？

siotufzp 于 5个月前发布在 React

关注(0)|答案(4)|浏览(79)

据我所知，
1.卡奇奇
1.把图标改成了我想要的
无论我用favicon.ico替换什么样的图像，它都会变成以前的图标，并显示默认的
救命啊！
我期待添加我自己的图标

reactjs

来源：https://stackoverflow.com/questions/77744285/how-to-remove-default-icon-at-the-top-of-next-js

4条答案

按热度按时间

edqdpe6u1#

要在下一个应用中更改favicon，您必须将默认图标替换为您想要的新favicon。这意味着新图标将包含favicon.ico。
在正确地替换它之后，你必须 * 清空缓存并硬重新加载 * 它才能生效：

的数据
复制的步骤：
1.输入检查元素
1.右键单击屏幕左上角的重新加载按钮（您将看到如图所示的三个选项）
1.单击第三个选项

赞(0）回复(0）举报 5个月前

x7rlezfr2#

当文件名与以前相同时，可能会发生这种情况。**

潜在解决方案：

1.尝试一个新的文件名，例如将favicon.ico更改为favicontwo.ico并更新链接：<link rel="icon" href="/favicontwo.ico" />
1.尝试通过添加版本强制更新图标：<link rel="icon" href="/favicon.ico?v=2" />，这将强制浏览器再次获取文件
1.检查文件类型，确保图标是.ico类型，所有现代浏览器都可以处理。您也可以添加类型选项：<link rel="icon" href="/favicon.ico" type="image/x-icon" />

赞(0）回复(0）举报 5个月前

cclgggtu3#

试着把它放在你的根布局里面，它会工作的

export const metadata: Metadata = {
  icons: {
    icon: [
      {
        url: "/images/favicon.png",
        href: "/images/favicon.png",
      },
    ],
  },
};

字符串
更新URL和href作为文件路径和扩展名。

赞(0）回复(0）举报 5个月前

3mpgtkmj4#

据我所知，你可以删除默认的favicon.ico，并在/app文件夹中添加一个icon.png。你可以使用名称favicon或icon，不允许自定义文件名。Next.js将评估文件并自动将适当的标签添加到应用的元素中。
您可以查看nextjs文档了解更多详细信息https://nextjs.org/docs/app/api-reference/file-conventions/metadata/app-icons#image-files-ico-jpg-png

赞(0）回复(0）举报 5个月前

我来回答

reactjs 如何删除next.js顶部的默认图标？

4条答案

潜在解决方案：

相关问题

热门标签

最新问答