我尝试安装 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'
最佳答案
当您使用 v3 方式导入图标时,lib
不应成为导入路径的一部分。
图标还具有图标库名称作为导出的前缀。
import { FaCalendar } from 'react-icons/fa'
关于reactjs - 使用react-icons时导入错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51785616/