为什么使用Nuxt v3静态生成时<font-awesome-icon />会输出两次后面的内容？

Answer 1

我找到了一个解决方法，即将图标单独包含在其他东西中，例如

span

标签。

Answer 2

尝试将以下内容添加到您的

nuxt.config.ts

文件中：

build: {
  transpile: [
    '@fortawesome/fontawesome-svg-core',
    '@fortawesome/free-solid-svg-icons',
    '@fortawesome/free-regular-svg-icons',
    '@fortawesome/free-brands-svg-icons',
    '@fortawesome/vue-fontawesome'
  ]
}

（根据需要调整具体图标包导入。）

我只能在两个地方找到网上提到的这个解决方案[1][2]，两个地方都没有提到这个重复问题。值得注意的是，所有官方文档中都没有它。

也就是说，至少对我来说，这解决了这个问题以及控制台中

Could not find one or more icon(s)

错误消息的问题。

Answer 3

谢谢@callum-watkins，你救了我的命。

Font Awesome Office 文档中似乎缺少 nuxt.config.ts 中的构建配置： 配合使用