使用v3方式导入图标时，导入路径中不应包含lib。
图标还具有图标资源库名称做为汇出的前缀。

import { FaCalendar } from 'react-icons/fa'

在查看了图标目录react-icons/[fa，ti，md]并查看了index.dt.ts文件中图标的新名称后，我得出了您的答案。

import { MdTerrain } from "react-icons/md";
import { TiWeatherSnow } from "react-icons/ti";
import { FaCalendarAlt } from "react-icons/fa";

要使用组件中的图标，请使用标记：

<FaCalendarAlt />
<TiWeatherSnow />
<MdTerrain />

有关说明，请查看react-icon页面上的从版本2迁移到版本3。https://www.npmjs.com/package/react-icons

并不是所有的fa图标都是免费的。当我试图导入铅笔的付费图标时，我得到了这个错误，如下所示。

import { FaPencil } from 'react-icons/fa'

如果所有fa图标都显示here，则可以看到pencil需要pro license。
由于我没有专业许可证，我得到了错误。但我们总是可以使用免费的versions of pencil，我们只需要导入它如下。

import { FaPencilAlt } from 'react-icons/fa'
<button><FaPencilAlt /></button>

您还应该从here检查您的版本的实现。

如果您已经安装了3.0.5版本的react-icons，请尝试：
对于铅笔（编辑）：

import {FaPencilAlt} from 'react-icons/fa'

对于垃圾桶（删除）：

import {FaTrash} from 'react-icons/fa'

import {FaHiking, FaRightAlign,...} from 'react-icons/fa'

从v3的React图标库'/libname'是强制的。
libname as 'fa'-〉fontawesome，'fi'-〉羽毛图标。要了解更多信息，请访问
https://react-icons.netlify.com/#/

也许你必须更新“react-icons”软件包。命令：

npm update react-icons

这也可能是由于打字错误造成的。

import {Haiking) from 'react-icons/fa'

代替

import {Hiking) from 'react-icons/fa'

也许您正处于yarn模式，需要使用yarn add而不是npm install来安装软件包。

从'*react-icons/fa *'导入{FaCalendar};
从“react-icons/md"导入{MdTerrain};