我尝试过安装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'
发布于 2018-08-10 19:42:28
当您使用v3方式导入图标时,不应该让lib
成为导入路径的一部分。
图标还具有图标库名称作为导出的前缀。
import { FaCalendar } from 'react-icons/fa'
发布于 2018-08-27 06:56:56
在查看图标目录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
发布于 2018-10-08 22:24:07
并非所有的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的版本的实现。
https://stackoverflow.com/questions/51785616
复制相似问题