react-icons/fa 安装失败：尝试导入错误：“FaStar”未从“react-icons/fa”导出

Posted 2023-03-23

【中文标题】react-icons/fa 安装失败：尝试导入错误：“FaStar”未从“react-icons/fa”导出

【英文标题】：react-icons/fa fails to install: Attempted import error: 'FaStar' is not exported from 'react-icons/fa'

【发布时间】：2021-11-23 23:55:32

【问题描述】：

我正在尝试在应用程序中使用 react-icon FaStar。我首先在单独的 create-react-app 中创建了一个组件，并在该安装中成功使用了 FaStar。然后我将 .js 和 .cs 文件传输到我正在开发的 create-react-app 中。

使用 npm install react-icon 后我得到

尝试导入错误：“FaStar”未从“react-icons/fa”导出。

当我查看 node_modules/react-icon/fa/index.js 时，我看到的只是

/ THIS FILE IS AUTO GENERATED
var GenIcon = require('../lib').GenIcon

在我开发组件的安装中，我看到

知道为什么会这样吗？谢谢

【参考方案1】：

这个问题的解决方案是通过在所有其他依赖项之前安装 react-icons 来重建项目 create-react-app。一定是在干扰（可能是 http-proxy-middleware）安装 react-icons。

这里是 package.json 的依赖项

"dependencies": 
    "@testing-library/jest-dom": "^5.14.1",
    "@testing-library/react": "^11.2.7",
    "@testing-library/user-event": "^12.8.3",
    "axios": "^0.22.0",
    "http-proxy-middleware": "^2.0.1",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-hot-loader": "^4.13.0",
    "react-icons": "^4.3.1",
    "react-scripts": "4.0.3",
    "web-vitals": "^1.1.2"
  ,