web-dev-qa-db-ja.com

Reactの<Helmet />にファビコンを追加する

Reactアプリの<Helmet/>タグにファビコンを追加しようとしました

私の現在の<Helmet/>タグは次のようになります。

<Helmet
        title="ABC"
        meta={[
            { name: "ABC", content: "ABC" }
        ]}
        links={
        rel='icon',
        type='image/png',
        sizes='16x16',
        href={require('favicon.ico')}
        }

/>

しかし、予期しないトークンに関するエラー、ファビコンを追加する方法に関する入力がありますか？事前に助けてくれてありがとう。

reactjsfaviconreact-helmet
9
UWGOOSE

プロジェクトでreact-helmetを使用している場合、コードの1つの問題は、リンクが複数形の「リンク」ではなく、単数形であることです

これを試して

import Helmet from 'react-helmet'

...

<Helmet>
  <title>ABC</title>
  <meta name="ABC" content: "ABC" />
  <link rel="icon" type="image/png" href="favicon.ico" sizes="16x16" />
</Helmet>
7
Lucas Kellner

これを試してください。あなたが間違ったキーワードを書いた（リンク=>リンク）

<Helmet
        title="ABC"
        meta={[
            { name: "ABC", content: "ABC" }
        ]}
        link={[
              {"rel": "icon", 
               "type": "image/png", 
               "href": "favicon.ico"
              }
             ]}
/>
1
sekercan cepni