3

我想使用 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>
    ),
}

这是我的文件结构: 在此处输入图像描述

你能发现我做错了什么,因为它不起作用吗?谢谢

4

1 回答 1

0

我也尝试了这个插件,但无法让它工作 - 但是按照https://github.com/react-static/react-static/issues/1483的建议,将文件添加到文件夹中对我favicon.ico有用。public

于 2021-11-17T02:42:35.567 回答