使用 vue-font-awesome 在 Vue CLI 应用程序中显示 facebook 图标答案

【问题标题】：Using vue-font-awesome to display a facebook icon in a Vue CLI application使用 vue-font-awesome 在 Vue CLI 应用程序中显示 facebook 图标
【发布时间】：2018-12-15 05:56:51
【问题描述】：

我试过这个-

    import { library } from '@fortawesome/fontawesome-svg-core'
    import { faFacebook } from '@fortawesome/free-solid-svg-icons'
    import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

    library.add(faFacebook)

    Vue.component('font-awesome-icon', FontAwesomeIcon)

但显然 free-svg-icons 中没有 faFacebook。如何包含 facebook 图标？

【问题讨论】：

几个小时前我回答了一个类似的问题，检查一下，也许有帮助：stackoverflow.com/questions/51207263/…
谢谢尤里！必须使用 fab 前缀。

标签： vue.js font-awesome

【解决方案1】：

在fontawesome-free-brands 中查看faFacebookSquare

import { faFacebookSquare, faFacebookMessenger } from '@fortawesome/fontawesome-free-brands';

这行得通吗？

编辑

刚刚看到faFacebookF 也在那里可用，我只是错过了它

import { faFacebookF } from '@fortawesome/fontawesome-free-brands';

【讨论】：

【解决方案2】：

我遇到了同样的问题。解决了这个问题：

terminal:
npm install --save @fortawesome/free-brands-svg-icons

main.js:
import { faFacebook } from '@fortawesome/free-brands-svg-icons'
library.add(faFacebook)

inside code:
<font-awesome-icon :icon="{ prefix: 'fab', iconName: 'facebook' }"/>

【讨论】：