прикрепить проблему с иконкой из Fawesome

Question

надеюсь, вы сможете прояснить эту проблему,

Я пытаюсь использовать значок Github из fontawesome, чтобы реагировать, следуя документации: ссылка на документацию , но у меня возникла проблема и я получаю эта ошибка:

./src/components/FindMe/FindMe.jsx
Attempted import error: 'faGithub' is not exported from '@fortawesome/free-solid-svg-icons'.

Мой код:

//the imports from FA
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faGithub } from '@fortawesome/free-solid-svg-icons';

//the icon as per documentation
 <FontAwesomeIcon icon={faGithub} />

Я попытался изменить заглавные буквы, но ничего, также используя fabGithub, но не работает, разные способы сделать это, следуя документации, но также ничего, я пробовал с другими значками, и это работает.

Надеюсь, кто-то сможет прояснить

отредактировать решенную проблему, используя это: https://react-icons.github.io/react-icons/# / [введите ссылка здесь] 2

Answer 1

FontAwesome разделил значки на отдельные npm упакованные.

Значок Github находится в другом пакете: @fortawesome/free-brands-svg-icons поэтому сначала вам нужно будет установить это

npm install --save @fortawesome/free-brands-svg-icons

или

yarn add @fortawesome/free-brands-svg-icons

, а затем используйте его в своем коде:

import { faGithub } from '@fortawesome/free-solid-svg-icons';