React js - 无法使用反应图标，找不到模块'../lib'

Question

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

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

1. npm install react-icons
   package.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\fa' 中的 '../lib'

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

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

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

153 个包正在寻找资金
运行npm fund 了解详细信息

发现 3 个中等严重性漏洞
运行npm audit fix 来修复它们，或npm audit 了解详情

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

Answer 1

显然 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-icons 的版本“固定”到4.2.0。它永远不会安装另一个版本。因此，您需要密切关注包裹。我相信很快就会推出修复程序。之后，您可以将版本设置回"^4.3.0"（或"^4.4.0"，如果这是固定版本）并查看它是否已解决。

更新：显然这已在react-icons v4.3.1 中修复。所以你可以将 package.json 中的这一行设置回：

"react-icons": "^4.3.1",