标签: react-font-awesome

基本上我试图使用两个图标：

1. <i class="fas fa-heart"></i> 实心图标

2. <i class="far fa-heart"></i> 常规心形图标（概述）

我得到的第一个代码如下：

<FontAwesomeIcon icon={faHeart} />

我怎样才能得到第二个？

由于 Font Awesome 库的影响，我无法构建我的 React 项目。

到目前为止，我一直使用带语法的图标<FontAwesomeIcon icon={faPowerOff} />，但是在尝试在 Github 上实现自动构建和部署后，出现以下错误：

Type 'IconDefinition' is not assignable to type 'IconProp'.\n  Type 'IconDefinition' is not assignable to type 'IconLookup'.\n     Types of property 'iconName' are incompatible.\n

奇怪的是，该图标确实使用此语法和错误进行渲染。

使用<FontAwesomeIcon icon={"power-off"} />语法，我不再收到错误，但图标本身根本不渲染。

自项目开始以来我使用的版本：

\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 @fortawesome/fontawesome-svg-core@1.3.0\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 @fortawesome/free-solid-svg-icons@5.15.4 \n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 @fortawesome/react-fontawesome@0.1.17\n

有人知道如何解决这个问题吗？

我已经使用 fontawesome 几个月了，没有任何问题。今天，每当我尝试将应用程序推送到生产环境时，我就开始看到此错误。

error An unexpected error occurred: "https://npm.fontawesome.com/@fortawesome/fontawesome-pro/-/6.1.1/fontawesome-pro-6.1.1.tgz: Request failed \"401 Unauthorized\"".

我尝试过运行yarn install、删除node_modules、删除yarn.lock等，但仍然收到 401 未经授权的错误。我什至卸载并重新安装了所有 fontawesome 软件包。

我使用的是 Yarn，而不是 NPM，所以不确定这是否与此有关。我确实.npmrc设置了一个文件，如下所示：

// .npmrc

@fortawesome:registry=https://npm.fontawesome.com/
//npm.fontawesome.com/:_authToken="my-token"

我也有一个.yarnrc.yml文件

error An unexpected error occurred: "https://npm.fontawesome.com/@fortawesome/fontawesome-pro/-/6.1.1/fontawesome-pro-6.1.1.tgz: Request failed \"401 Unauthorized\"".

这是我的package.json：

{
  "name": "br-client",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "test": "jest",
    "storybook": "start-storybook -p 6006 --quiet",
    "build-storybook": "build-storybook",
    "storybook:clean": "rm -rf …

React-font-awesome存储库上的这个问题表明这至少是可能的，但没有概述添加自定义 SVG 图标所需的内容。

React Font Awesome 允许您从库中添加图标，但只能从它们自己的库中添加。

有没有办法创建自己的图标库并添加它？

我为什么要这样做？因为react-font-awesome围绕其组件构建了许多有用的功能<FontAwesomeIcon />，我希望能够将这个组件用于我的应用程序中的所有图标，无论它们是Font Awesome图标还是我自己的图标。

注意：我了解如何编写 SVG 文件，我有兴趣将它们打包为可以加载到react-font-awesome 中的库。