为什么没有缺少一些FontAwesome图标？

Question

我想连接fa在vue做

*************
import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { faVuejs } from '@fortawesome/free-brands-svg-icons'
******************
library.add(faVuejs);
Vue.component('font-awesome-icon', FontAwesomeIcon)
************

在组件:

<font-awesome-icon :icon="[ 'fab', 'twitter' ]" />

控制台错误:

Could not find one or more icon(s) {prefix: "fab", iconName: "twitter"}

但是，如果我使用:

<font-awesome-icon :icon="[ 'fab', 'vuejs' ]" />

工作正常…怎么了?

Answer 1

您必须导入faTwitter图标，并将其添加到库中，就像您对Vue图标所做的那样:

import { faTwitter } from '@fortawesome/free-brands-svg-icons'
library.add(faTwitter)

演示