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

问题描述

我想在vue中连接faing

*************
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' ]" />

工作正常……怎么了？

解决方法

您必须像使用 Vue 图标一样导入 faTwitter 图标，并将其添加到库中：

import { faTwitter } from '@fortawesome/free-brands-svg-icons'

library.add(faTwitter)

demo