使用 react-static-plugin-favicon 不显示 favicon
Posted
技术标签:
【中文标题】使用 react-static-plugin-favicon 不显示 favicon【英文标题】:favicon is not displayed using react-static-plugin-favicons 【发布时间】:2020-08-23 20:49:11 【问题描述】:我想使用 lib react-static-plugin-favicons 显示一个网站图标。
我将它添加到我的 static.config.js 中:
export default
entry: path.join(__dirname, 'src', 'index.tsx'),
getRoutes: async () =>
return [
path: '/',
template: 'src/containers/individuals.tsx'
]
,
plugins: [
require.resolve("react-static-plugin-sass"),
['react-static-plugin-typescript', typeCheck: true ],
[
require.resolve('react-static-plugin-source-filesystem'),
location: path.resolve('./src/page'),
,
],
require.resolve('react-static-plugin-reach-router'),
require.resolve('react-static-plugin-sitemap'),
[
'react-static-plugin-favicons',
inputFile: path.resolve('./src/assets', 'favicon-32px.png') ,
]
],
basePath: basepath,
Document: (
html,
Head,
Body,
children,
state: siteData, renderMeta ,
) => (
<Html lang="en-US">
<Head>
<meta charSet="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</Head>
<Body>children</Body>
</Html>
),
这是我的文件结构:
你能发现我做错了什么,因为它不起作用吗? 谢谢
【问题讨论】:
【参考方案1】:我也尝试了这个插件,但无法让它工作 - 但是将文件作为 favicon.ico
添加到 public
文件夹对我有用,正如 https://github.com/react-static/react-static/issues/1483 所建议的那样。
【讨论】:
以上是关于使用 react-static-plugin-favicon 不显示 favicon的主要内容,如果未能解决你的问题,请参考以下文章
在使用加载数据流步骤的猪中,使用(使用 PigStorage)和不使用它有啥区别?
Qt静态编译时使用OpenSSL有三种方式(不使用,动态使用,静态使用,默认是动态使用)