web-dev-qa-db-ja.com

fontawesomeエラー「1つ以上のアイコンが見つかりませんでした」

https://fontawesome.com/how-to-use/on-the-web/using-with/vuejs に従いました。

しかし、次のように使用する場合：

import { library } from '@fortawesome/fontawesome-svg-core'
import { faBars } from '@fortawesome/free-solid-svg-icons'
import { faTwitter, faFacebook, faStackOverflow, faGithub } from '@fortawesome/free-brands-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

...

library.add(faBars, faTwitter, faFacebook, faStackOverflow, faGithub )
Vue.component('font-awesome-icon', FontAwesomeIcon)

...

<font-awesome-icon icon="Twitter" class="icon alt"/>

わかった：

1つ以上のアイコンが見つかりませんでした{プレフィックス： "fas"、iconName： "Twitter"}

vue.jsfont-awesomevuepress
9
Jiu

free-brands-svg-iconsfabプレフィックスを使用します（ドキュメントはこれに言及していないようで、node_modulesのフォルダを確認する必要がありました）。指定する必要があります：

<font-awesome-icon :icon="['fab', 'Twitter']" class="icon alt"/>

指定しない場合、 fasプレフィックスが想定されます 。

CodeSandbox： https://codesandbox.io/s/6j833qp57k

24
yuriy636