Ne pouvait pas trouver l'icône de réagir-fontawesome
J'ai un projet sur Réagir et j'ai besoin d'intégrer FontAwesome. J'ai trouvé officiel bibliothèque et installé comme indiqué dans le readme
$ npm i --save @fortawesome/fontawesome
$ npm i --save @fortawesome/react-fontawesome
Quand j'essaie de l'utiliser dans mon code comme ceci:
<FontAwesomeIcon icon='plus'/>
<FontAwesomeIcon icon={['fa', 'coffee']}/>
J'obtiens cette erreur sur la console:
Could not find icon {prefix: "fas", iconName: "plus"}
Could not find icon {prefix: "fa", iconName: "coffee"}
J'ai essayé d'inclure FontAwesome lien css à la tête, mais il n'a pas aidé. Je suis à l'aide de npm v4.6.1
; node v8.9.1
; react v16.2
.
OriginalL'auteur iamawebgeek | 2017-12-28
Vous devez vous connecter pour publier un commentaire.
Vous devez ajouter toutes les icônes que vous souhaitez utiliser, à une "bibliothèque" pour en faciliter la consultation.
Découvrez de travail code ici:
https://codesandbox.io/s/8y251kv448
Aussi, lisez ceci:
https://www.npmjs.com/package/@fortawesome/react-fontawesome#build-a-library-to-reference-icons-throughout-your-app-more-conveniently
Dans l'intervalle, le fortawesome/fontawesome mnp paquet est obsolète. Il serait utile d'ajuster le code ci-dessus.
Mon erreur! J'ai écrit à dos de chameau cas de la valeur de l'icône ainsi dire
faCheckSquare
Mon erreur a été inutile
import {faSync} from ... @fortawesome...
en dépit de l'aide de l'FontAwesome icon="sync" />
tagOriginalL'auteur Shishir
Juste au cas où il y a d'autres idiots comme moi, assurez-vous que vous utilisez le bon nom dans le référencement des icônes.
J'avais
et
quand, en fait, le nom de l'icône est juste "utilisateur", pas "faUser":
<FontAwesomeIcon icon="circle" />
et a ajoutéfontawesome.library.add(faCoffee)
(aprèsimport { faCoffee } from '...'
) et cela a fonctionné, j'ai eu l'icône en forme de cercle. Mais si je n'ai pas ajouter quoi que ce soit à la bibliothèque, rien ne fonctionnerait.OriginalL'auteur J.D. Mallen
Et si vous vous trouvez ne pas voir votre icône lorsque vous tentez d'afficher faTrashAlt (ou du même nom de l'icône), non seulement vous avez à enlever le 'fa' alors qu'en réalité, à l'aide de votre icône, mais aussi vous devez convertir le nom de l'icône de cameCase "lisp".
Donc, après le chargement de la variante de l'icône de corbeille de cette façon:
C'est alors utilisé de cette façon:
De sorte que vous ne perdez pas de de 20 de précieuses minutes de votre temps.
OriginalL'auteur Thomas
Vous pouvez utiliser FontAwesome icônes sans bibliothèque comme ceci:
J'ai installé tous les paquets nécessaires comme réagir-fontawesome dit:
OriginalL'auteur Vladimir Vlasov