react-icons/fa安装失败:尝试导入错误：'FaStar‘未从'react-icons/fa’中导出

Question

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

在使用npm安装react-icon之后，我得到

尝试导入错误：'FaStar‘未从'react-icons/fa’中导出。

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

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

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

​

你知道为什么会发生这种事吗？谢谢

Answer 1

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

下面是来自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"
  },