使用 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有三种方式(不使用,动态使用,静态使用,默认是动态使用)

MySQL db 在按日期排序时使用“使用位置;使用临时;使用文件排序”

使用“使用严格”作为“使用强”的备份

Kettle java脚本组件的使用说明(简单使用升级使用)