为什么一些 fontAwesome 图标没有丢失？

Question

我想在vue中连接fa在做

*************
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)

demo

为什么一些 fontAwesome 图标没有丢失？

Why aren't some fontAwesome icons missing?

font-awesome

vue.js