2

这是我在 stackoverflow 上的第一篇文章，所以我会尽量保持简短、甜美和详细，希望能找到一些帮助。

我目前正在尝试学习 React js，当我尝试安装react-icons和导入图标时，我的开发服务器正在崩溃。

  1. npm install react-icons
    包.json：
{
  "name": "ecostrategy",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.14.1",
    "@testing-library/react": "^11.2.7",
    "@testing-library/user-event": "^12.8.3",
    "bootstrap": "^5.1.1",
    "react": "^17.0.2",
    "react-bootstrap": "^2.0.0-rc.0",
    "react-dom": "^17.0.2",
    "react-icons": "^4.3.0",
    "react-router-dom": "^5.3.0",
    "react-scripts": "4.0.3",
    "web-vitals": "^1.1.2"
  },
  1. 在我的代码中，我输入：
import { FaGithub } from "react-icons/fa";
  1. npm run start 编译失败。

./node_modules/react-icons/fa/index.esm.js
未找到模块：无法解析 'D:\name\school\semester\class\project\node_modules\react-icons\ 中的 '../lib' F A'

  1. 我也尝试过npm install react-icons --save并且基于错误说它无法解决'../lib'我什至只是猜测并尝试了npm install lib它没有工作。卸载和重新安装react-icons也没有帮助。

  2. 我删除了我的node_modules文件夹并npm install再次运行，这并没有解决问题。运行后我的输出npm install是：

添加了来自 789 个贡献者的 1987 个包，并在 103.053s 中审核了 1990 个包

153 个包正在寻找资金
运行npm fund以获取详细信息运行

3 个中等严重性漏洞以修复它们，或获取详细信息
npm audit fixnpm audit

当我尝试npm audit fix时，它会说无法自动解决它们，并npm fund给我一个列表。

4

1 回答 1

2

显然 react-icons v4.3.0 存在问题。看到这个问题：https ://github.com/react-icons/react-icons/issues/490

解决方案是降级到 v4.2.0。尝试在你的 package.json 中设置这一行：

"react-icons": "4.2.0",

然后删除node_modules并npm install再次运行。

这基本上“固定”了react-iconsto的版本4.2.0。它永远不会安装另一个版本。因此，您需要密切关注包裹。我相信很快就会推出修复程序。之后，您可以将版本设置回"^4.3.0"（或者"^4.4.0"如果那是固定版本）并查看它是否已解决。

更新：显然这已在react-iconsv4.3.1 中修复。因此，您可以将 package.json 中的这一行设置回：

"react-icons": "^4.3.1",
于 2021-10-03T05:19:38.877 回答