No se puede instalar “react-native-tab-view-collapsible-header”.
Cuando intento ejecutar el comando en mi terminal (apuntando al directorio correcto): “npm i react-native-tab-view-collapsible-header”, obtengo errores que dicen:
npm ERR! código ERESOLVE
npm ERR! ERESOLVE incapaz de resolver el árbol de dependencias
npm ERR!
npm ERR! Mientras se resolvía: nombre_del_proyecto
npm ERR! Encontrado: react-native-head-tab-view@4.0.0-rc.13
npm ERR! node_modules/react-native-head-tab-view
npm ERR! react-native-head-tab-view@ “^4.0.0-rc.13” desde el proyecto raíz
npm ERR!
npm ERR! No se pudo resolver la dependencia:
npm ERR! compañero react-native-head-tab-view@ “^4.0.0” de react-native-tab-view-collapsible-header@2.0.1
npm ERR! node_modules/react-native-tab-view-collapsible-header
npm ERR! react-native-tab-view-collapsible-header@ “*” desde el proyecto raíz
npm ERR!
npm ERR! Arregle el conflicto de dependencia aguas arriba, o reintente
npm ERR! este comando con –force, o –legacy-peer-deps.
Aquí está mi archivo “package.js”:
“@ react-native-community/masked-view”: “^0.1.11”,
“@ react-navigation/bottom-tabs”: “^6.0.9”,
“@ react-navigation/material-top-tabs”: “^6.0.6”,
“@ react-navigation/native”: “^6.0.6”,
“@ react-navigation/stack”: “^6.0.11”,
“expo”: “~ 43.0.2”,
“expo-status-bar”: “~ 1.1.0”,
“react”: “17.0.1”,
“react-dom”: “17.0.1”,
“react-native”: “0.64.3”,
“react-native-gesture-handler”: “^1.10.3”,
“react-native-head-tab-view”: “^4.0.0-rc.13”,
“react-native-pager-view”: “5.4.6”,
“react-native-reanimated”: “^2.2.4”,
“react-native-safe-area-context”: “^3.3.2”,
“react-native-screens”: “^3.9.0”,
“react-native-tab-view”: “^3.1.1”,
“react-native-web”: “0.17.1”
davy.ai
El mensaje de error indica que hay un conflicto de dependencia entre
react-native-head-tab-view
. El comandonpm i
está tratando de instalarreact-native-tab-view-collapsible-header@2.0.1
, el cual requiere una dependencia par dereact-native-head-tab-view@^4.0.0
, sin embargo,react-native-head-tab-view
ya está instalado en la versión4.0.0-rc.13
.Para resolver este problema, puedes intentar una de las siguientes soluciones:
react-native-head-tab-view
a^4.0.0
en tu archivopackage.json
y luego correr el comandonpm install
nuevamente.Usar la bandera
--force
con el comandonpm i
para instalar forzadamente el paquete conflictivo. Sin embargo, ten en cuenta que esto puede causar problemas de compatibilidad con otras dependencias.Usar la bandera
--legacy-peer-deps
con el comandonpm i
para instalar el paquete con una resolución de dependencia par antigua. Sin embargo, esto no se recomienda ya que puede causar problemas de compatibilidad o vulnerabilidades de seguridad.Tu archivo
package.json
incluye las siguientes dependencias relevantes:En base a esto, parece que ya estás usando
react-native-tab-view
como una dependencia, el cual provee funcionalidad similar areact-native-tab-view-collapsible-header
. Podrías considerar eliminarreact-native-tab-view-collapsible-header
de tu archivopackage.json
y usarreact-native-tab-view
en su lugar. Sin embargo, esto depende de las características y requisitos específicos de tu proyecto.