reactjs - 使用react-icons时导入错误

Question

我尝试安装 react 图标，在我的应用程序中我运行了 npm 命令:

sudo npm install react-icons --save

除了一些跳过的可选依赖项之外，我没有收到任何错误

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 
(node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for 
fsevents@1.2.4: 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'

Answer 1

当您使用 v3 方式导入图标时，lib 不应成为导入路径的一部分。

图标还具有图标库名称作为导出的前缀。

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