如何将 fontawesome 与 nuxt.js 集成？答案

【问题标题】：How can I integrate fontawesome with nuxt.js?如何将 fontawesome 与 nuxt.js 集成？
【发布时间】：2020-12-02 07:23:55
【问题描述】：

我一直在尝试在 nuxt.js 中使用 fontawesome 图标，但每当我运行 npm run dev 时，我都会收到此错误 ERROR in ./node_modules/@fortawesome/free-solid-svg-icons/index.es.js Module build failed: Error: ENOENT: no such file or directory

我认为问题是没有free-solid-svg-icons目录，但是当我尝试用npm安装它时，它没有出现。

有人可以帮忙吗？

【问题讨论】：

你是这样安装的吗？ npm install --save @fortawesome/fontawesome-free

标签： vue.js font-awesome nuxt.js

【解决方案1】：

我这样使用它：在nuxt.config.js 中添加：

    script:[
      {src: "https://kit.fontawesome.com/xxxxxxx.js", crossorigin: "anonymous"},
    ],

xxxxxxx 是您的套件 ID（在 FA 网站上创建）

【讨论】：

值得一提的是，它位于配置文件的head 部分。