进口字体很棒的图标，其名称具有破折号（“ - ”）

Question

我正在使用React.js创建一个投资组合网站。我决定使用字体很棒的图标，因为我喜欢它们的外观。但是，当我去导入任何名称中具有破折号的图标时，我不知道如何导入它。这是我到目前为止的代码（用于导入）：

import "font-awesome/css/font-awesome.min.css";

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

// All these are single name icons
import {faPython} from "@fortawesome/free-brands-svg-icons/faPython";
import {faJs} from "@fortawesome/free-brands-svg-icons/faJs";
import {faReact} from "@fortawesome/free-brands-svg-icons/faReact";
import {faCuttlefish} from "@fortawesome/free-brands-svg-icons/faCuttlefish";

// This one is named "rectangle-code"
import {faRectangleCode} from "@fortawesome/free-solid-svg-icons/faRectangleCode";

我收到此错误：

我无法使用名称中的破折号导入它，那么如何在没有任何错误的情况下导入此图标？

编辑：单击在这里在font Awesome网站上查看图标

Answer 1

这是问题！

您正在尝试使用Pro图标 - 它在免费图标包中不存在。

（编辑：对于将来的参考，调试此类导入问题的一种好方法是cd @fortawesome 目录中的目录，然后使用< https://github.com/junegunn/fzf 寻找您要寻找的文件在意识到图标中不存在免费版本之前。）