Добавление фавикона в ‹Helmet/› в React

Я пытался добавить значок в тег <Helmet/> приложения React.

мой текущий тег <Helmet/> выглядит так.

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

/>

Но я получаю сообщение об ошибке о неожиданном токене, какие-либо данные о том, как добавить значок? Спасибо за помощь заранее.


reactjs react-helmet favicon
person UWGOOSE    schedule 06.04.2018    source источник
comment
Просто к вашему сведению: когда вы открываете фигурные скобки в jsx, вы возвращаетесь к написанию js, а значение внутри links={...} не является допустимым js.   -  person Alex Guerra    schedule 07.04.2018

Ответы (3)


arrow_upward
10
arrow_downward

Если вы используете реактивный шлем в своем проекте, то я думаю, что одна проблема с вашим кодом заключается в том, что ссылка должна быть единственной, а не множественной «ссылки».

Попробуй это

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>
person Lucas Kellner    schedule 06.04.2018

arrow_upward
4
arrow_downward

Попробуйте это, пожалуйста. Вы написали неправильное ключевое слово (ссылки => ссылка)

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

arrow_upward
1
arrow_downward

Решение Лукаса почти сработало для меня, за исключением того, что мне нужно было импортировать значок в компонент реакции и использовать его как переменную js:

import Helmet from 'react-helmet'
import favicon from './favicon.ico';
...

<Helmet>
  <title>ABC</title>
  <meta name="ABC" content: "ABC" />
  <link rel="icon" type="image/png" href={favicon} sizes="16x16" />
</Helmet>```
person kbooth1000    schedule 12.07.2020