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

Question

这是我在 Whosebug 上的第一个 post，所以我会尽力使其简短、亲切和详细，希望能找到一些帮助。

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

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"
  },

在我的代码中，我输入：

import { FaGithub } from "react-icons/fa";

npm run start 编译失败。

./node_modules/react-icons/fa/index.esm.js
Module not found: Can't resolve '../lib' in 'D:\name\school\semester\class\project\node_modules\react-icons\fa'

我也试过 npm install react-icons --save 并且根据错误说它无法解析 '../lib' 我什至只是猜测并尝试了 npm install lib这没有用。卸载并重新安装 react-icons 也没有帮助。
我删除了我的 node_modules 文件夹并再次运行 npm install，这并没有解决问题。我在运行 npm install 之后的输出是：

added 1987 packages from 789 contributors and audited 1990 packages in 103.053s

153 packages are looking for funding
run npm fund for details

found 3 moderate severity vulnerabilities
run npm audit fix to fix them, or npm audit for details

当我尝试 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",

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

React js - Unable to use react-icons, Module not found '../lib'

javascript

reactjs

react-icons