FontAwesomeを使おうとしたら、Could not find one or more icon(s) というエラーが出た話
概要
FontAwesomeをVue.jsに入れようとした。
他のアイコンでも使えるか試したところ、Could not find one or more icon(s) というエラーが出た。
FontAwesomeの入れ方
入れ方は、こちらの記事を参照
https://fontawesome.com/how-to-use/on-the-web/using-with/vuejs
エラーの詳細
解決策
prefixを変更する。
Before
font-awesome-icon(icon='envelope' )
After
font-awesome-icon(:icon="['far', 'envelope']" )
解説
FontAwesomeのアイコンには、複数のスタイルが用意されている。
それぞれ、違うprefixを指定する必要がある。
例：
| Prefix | Style |
|---|---|
| fas | Solid |
| far | Regular |
| fal | Light |
| fab | Brand |
参考：https://fontawesome.com/how-to-use/on-the-web/setup/getting-started
Author And Source
この問題について(FontAwesomeを使おうとしたら、Could not find one or more icon(s) というエラーが出た話), 我々は、より多くの情報をここで見つけました https://qiita.com/jre233kei/items/81e649254ff458701487著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .