找不到模块：无法解析“react-icons/ai”

Question

我正在学习ReactJS。但是现在我遇到了一个问题。 我用这个代码

import { AiOutlineShoppingCart } from "react-icons/ai"

但它显示此错误：

Module not found: Can't resolve 'react-icons/ai'

我正在使用 sanity 来构建电子商务网站 cms。 我试图用这段代码安装反应图标

yarn add react-icons

并且我已经检查了 packages.jeson 文件并且 react-icons 存在于依赖项中。 谁能告诉我如何解决这个问题？

一些额外的信息：

• 我也使用 react-icons 而不是 react-icons/ai 但同样的错误
• 我已经使用 npm install 来安装 react-icons。 没有任何帮助

Answer 1

首先，您应该知道并非所有图标都可用。 我有时尝试导入一些图标，但我得到了错误。

其次，确保您从网站复制代码，以确保您没有拼错名称

此外，您可以从 package.json 文件中删除您的 node_module 并删除 react-icons，然后执行yarn add react-icons并执行 yarn 以再次安装所有包

最后，你要从拥有图标的库中导入，即如果你从AiFillAudio导入，你要从react-icons/ai导入它。 例如。 import { AiFillAudio } from react-icons/ai 。

我希望这可以帮助你。

Answer 2

尝试使用npm install react-icons --save命令重新安装

Answer 3

我想到了。 我的反应图标安装在文件夹中。 因此，当我从 react-icons 导入 AiOutlineShoppingCart 时，我的程序正在我的主文件的 node_module 中寻找 react-icons。 但它存储了健全的node_module。 所以我必须声明整个路径。

工作代码是

import { AiOutlineShoppingCart } from "../sanity/node_modules/react-icons/ai"

此处，“sanity”表示 sanity 文件夹名称。

谢谢大家帮助我。

Answer 4

当您在错误的目录中安装依赖项时，有时会发生这种情况。

假设您在项目目录外运行npm i package-x