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

Question

在我的 ma​​in.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']" />