代码之家  ›  专栏  ›  技术社区  ›  JustWe

Fontawesome错误“找不到一个或多个图标”

  •  8
  • JustWe  · 技术社区  · 7 年前

    我跟着 https://fontawesome.com/how-to-use/on-the-web/using-with/vuejs 是的。

    但是当你像这样使用它时:

    import { library } from '@fortawesome/fontawesome-svg-core'
    import { faBars } from '@fortawesome/free-solid-svg-icons'
    import { faTwitter, faFacebook, faStackOverflow, faGithub } from '@fortawesome/free-brands-svg-icons'
    import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
    
    ...
    
    library.add(faBars, faTwitter, faFacebook, faStackOverflow, faGithub )
    Vue.component('font-awesome-icon', FontAwesomeIcon)
    
    ...
    
    <font-awesome-icon icon="twitter" class="icon alt"/>
    

    得到了:

    找不到一个或多个图标{前缀:“fas”,图标名:“twitter”}

    1 回复  |  直到 7 年前
        1
  •  24
  •   yuriy636    7 年前

    free-brands-svg-icons 使用 fab 前缀 (文档似乎没有提到这一点,必须检查节点模块中的文件夹),您必须指定:

    <font-awesome-icon :icon="['fab', 'twitter']" class="icon alt"/>
    

    未指定时, fas prefix is assumed 是的。

    代码箱: https://codesandbox.io/s/6j833qp57k

    推荐文章