我尝试安装 React 图标，在我的应用程序中我运行了 npm 命令：
sudo npm install react-icons --save
除了一些跳过的可选依赖项之外，我没有收到任何错误
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected]
(node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for
[email protected]: wanted {"os":"darwin","arch":"any"} (current:
{"os":"linux","arch":"x64"})
每当我尝试导入某些图标时，都会收到错误
./src/components/SkiDaysCount.js
Module not found: Can't resolve 'react-icons/lib/md' in '
'/home/kristoffer/ReactApps/navbar/src/components'
这是我的进口：
import {Terrain} from 'react-icons/lib/md'
import {SnowFlake} from 'react-icons/lib/ti'
import {Calender} from 'react-icons/lib/fa'
为什么我会收到此错误？
编辑：
我也尝试过使用旧语法进行导入，但存在同样的问题：
import Calender from 'react-icons/lib/fa/calender'
当您使用 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
也许你必须更新“react-icons”包。 命令：
npm update react-icons
如果你已经安装了 3.0.5 版本的react-icons，请尝试一下：
对于铅笔（编辑）：
import {FaPencilAlt} from 'react-icons/fa'
对于垃圾桶（删除）：
import {FaTrash} from 'react-icons/fa'
import {FaHiking, FaRightAlign,...} from 'react-icons/fa'
从 React 图标库 v3 开始，“/libname”是强制性的。
libname 为 'fa'-> fontawesome，'fi'->feathericons。欲了解更多信息，请访问
这也可能是由于拼写错误造成的。 说
import {Haiking) from 'react-icons/fa'
而不是
import {Hiking) from 'react-icons/fa'
也许您处于纱线模式，并且需要使用
yarn addnpm install从 'react-icons/fa' 导入 { FaCalendar };
从“react-icons/md”导入{MdTerrain}；
毕竟我的修复是如此简单。我所需要的只是图标的完整导入名称，即使只有一个图标总是放置卷曲的 {}，这样就解决了！ 我删除了多少次节点模块，安装@latest，然后才意识到这就是花哨！ :-)
import {GoMail} from "react-icons/go";
我的问题如下： 我写的 npm i react-icons 位于错误的目录中