使用react-icons时出现导入错误
使用react-icons时出现导入错误
提问于 2018-08-10 19:33:17
我尝试过安装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'回答 8
Stack Overflow用户
回答已采纳
发布于 2018-08-10 19:42:28
当您使用v3方式导入图标时，不应该让lib成为导入路径的一部分。
图标还具有图标库名称作为导出的前缀。
import { FaCalendar } from 'react-icons/fa'Stack Overflow用户
发布于 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
Stack Overflow用户
发布于 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的版本的实现。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51785616
复制相关文章
相似问题
腾讯云开发者
