出于某种原因,我的图标无法正常工作。
我在/public 目录中将 favicon 保存为 favicon.ico 并在 <Head>
中引用它我的页面(位于/pages 目录中)但无济于事。
任何人都可以帮忙吗?
——
这是我的 index.js 代码:
<Head>
<title>Create Next App</title>
<link rel="icon" href="/favicon.ico" />
dir/pages/index.js
dir/public/favicon.ico
最佳答案
我尝试了很多方法来解决这个问题,但最终对我有用的是将收藏夹图标放在公共(public)目录内的图像目录中,并将其放在我的 _app.js
中。
<Head>
<link rel="shortcut icon" href="/images/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"/>
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"/>
</Head>
关于html - 为什么我的图标在我的下一个 js 应用程序中不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61836949/