我无法在我的 vuejs 应用程序中显示 fontawesome 图标

Question

在我的 main.js 我有：

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

    library.add(faUserSecret)
    library.add(faFontAwesome)


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

在我的 组件中 我有

     <button class="btn btn-secondary" type="button">
          <font-awesome-icon :icon="['fa', 'fa-search']" />
          <font-awesome-icon :icon="['fas', 'user-secret']" />
     </button>

而且我只看到第二个图标...我做错了什么？

Answer 1

我认为不是：

<font-awesome-icon :icon="['fa', 'fa-search']" />

应该是：

<font-awesome-icon :icon="['fa', 'search']" />

我无法在我的 vuejs 应用程序中显示 fontawesome 图标

I'm unable to display fontawesome icons in my vuejs app

font-awesome

vue.js