Question

我要显示的图标未显示。

我按照此页面上的指示安装了FontAwesome：https://fontawesome.com/how-to-use/on-the-web/using-with/vuejs

我也重新安装了它。

<font-awesome-icon 
    icon="spinner" 
    class="fas fa-spinner fa-spin fa-3x fa-fw">
</font-awesome-icon>

<span class="sr-only">Loading...</span>

显示以下错误消息：

找不到一个或多个图标{前缀：“ fas”，iconName：“微调框”}

未显示任何图标。

Answer 1

您很有可能没有将图标从Directory.Delete(Path.GetFullPath(path), true))包添加到library包中，以供组件使用。

@fortawesome/fontawesome-svg-core

一旦您这样做，就不再需要指定类。因此，如果您需要一个spins，3x大且具有fixed-width的微调器图标，则应该执行以下操作。

import Vue from "vue";
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
import { library } from "@fortawesome/fontawesome-svg-core";
import { faSpinner } from "@fortawesome/free-solid-svg-icons";

Vue.component("font-awesome-icon", FontAwesomeIcon);

library.add(faSpinner);

参考：

https://github.com/FortAwesome/vue-fontawesome#basic

如何修复未显示的图标（FontAwesome）

1 个答案: