Esta es mi primera publicación en stackoverflow, por lo que haré todo lo posible para que sea lo suficientemente breve, dulce y detallada para encontrar ayuda.
Actualmente estoy tratando de aprender React js y cuando intento instalar react-icons e importar un ícono, mi servidor de desarrollo simplemente falla.
npm install react-icons { "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 No se pudo compilar../node_modules/react-icons/fa/index.esm.js
Módulo no encontrado: no se puede resolver '../lib' en 'D:\name\school\semester\class\project\node_modules\react-icons\fa'
También probé npm install react-icons --save y basándome en el error que dice que no puede resolver '../lib', incluso adiviné y probé npm install lib que no funcionó. Desinstalar y reinstalar react-icons tampoco ayudó.
Eliminé mi carpeta node_modules y ejecuté npm install nuevamente, esto no solucionó el problema. Mi salida después de ejecutar npm install fue:
agregó paquetes de 1987 de 789 colaboradores y auditó paquetes de 1990 en 103.053 s
153 paquetes buscan financiación
ejecutenpm fundpara obtener más detalles
encontrado 3 vulnerabilidades de gravedad moderada
ejecutenpm audit fixpara corregirlos, onpm auditpara obtener más detalles
Cuando intento corregir la npm audit fix , dice algo sobre no poder resolverlos automáticamente, y npm fund me da solo una lista.
Aparentemente hay un problema con react-icons v4.3.0. Consulte este problema: https://github.com/react-icons/react-icons/issues/490
La solución es degradar a v4.2.0. Intente configurar esta línea en su paquete.json:
"react-icons": "4.2.0", Luego elimine node_modules y ejecute npm install nuevamente.
Esto esencialmente "fija" la versión de react-icons a 4.2.0 . Nunca instalará otra versión. Por lo tanto, querrás vigilar el paquete. Estoy seguro de que pronto se impulsará una solución. Después de eso, puede volver a configurar la versión en "^4.3.0" (o "^4.4.0" si esa es la versión corregida) y ver si se resolvió.
ACTUALIZACIÓN: Aparentemente esto se solucionó en react-icons v4.3.1. Entonces puede configurar esta línea en package.json de nuevo a:
"react-icons": "^4.3.1",