Extrañamente, los react-native-vector-icons funcionaban bien, pero al usar ^ ("^6.6.0") para su versión en el archivo package.json en la nueva versión, ocurre este error.
Es extraño porque hace dos días funcionaba bien, pero ahora, al iniciar mi proyecto, se produjo este error:
error: Error: no se pudo resolver el módulo
@react-native-community/toolbar-androiddesdenode_modules\react-native-vector-icons\lib\toolbar-android.js: @react-native-community/toolbar-android no pudo ser encontrado dentro del proyecto.
Vaya a la ruta \node_modules\native-base\node_modules\react-native-vector-icons\lib\toolbar-android.js
Reemplace import ToolbarAndroid from '@react-native-community/toolbar-android' para import {ToolbarAndroid} from './react-native';
para este caso, no tiene toolbar-android en su archivo de módulos y, como amigos, dice que puede solucionarlo con este comando
usuarios de windows:
npm install --save @react-native-community/toolbar-androidUsuarios de Mac:
yarn add @react-native-community/toolbar-androidPero EN GENERAL: quiero contarles una experiencia para ustedes cada vez que se encuentren con este tipo de errores que comienzan con "No se puede resolver el módulo" .
si observa el error, tenemos un problema con el módulo que el sistema nos está diciendo.
si no tienes ese modulo. puedes instalarlo con los comandos
Usuarios de Windows:
npm install --save EL MÓDULO (atención: EL MÓDULO ES EL NOMBRE DE LOS PAQUETES O MÓDULOS que necesita instalar)
y usuarios de Mac:
yarn add THE MODULE(attention: THE MODULE IS THE NAME OF PACKAGES OR MODULES that u need to install)por ejemplo veamos este error:
error Unable to resolve module `@react-native-community/slider` from `App.js`: @react-native-community/slider could not be found within the project.como puede ver, el error nos dice que este módulo no se pudo encontrar dentro de nuestro proyecto. entonces necesitamos instalarlo con este comando: para programadores de Windows:
npm install --save @react-native-community/slidery para programadores de mac:
yarn add @react-native-community/slidereso es todo.
Espero que me entienda claramente y no tenga problemas con la imposibilidad de resolver los errores del módulo y mi comando le sea útil.
atentamente
Mehrad Karampour (MEH)
También recibí el mismo error después de actualizar de la versión 6 a la 7. El problema se puede solucionar simplemente reiniciando el caché.
Intente npm start -- --reset-cache
La otra alternativa es usar los iconos vectoriales de la exposición. Algo como esto. importar {Ionicons} desde "@expo/vector-icons". Luego renderice su icono de esta manera;
<Ionicons name="ios-exit-outline" color={colors.danger} size={28} style={{ marginRight: -15 }} />Después de leer este problema y probar muchas soluciones, llegué a dos soluciones:
Puede eliminar toda la carpeta node_modules y poner la versión de react-native-vector-icons en "6.6.0" en lugar de "^6.6.0" y luego instalar todos los paquetes nuevamente. Absolutamente, es mejor eliminar todos los cachés y compilaciones y comenzar todo de nuevo. ( NO recomendado )
Puede instalar @react-native-community/toolbar-android usando el siguiente comando:
yarn add @react-native-community/toolbar-android O
npm install --save @react-native-community/toolbar-android Nota : Ambas soluciones son temporales y pronto se solucionará este error y no es necesario instalar el paquete toolbar-android .
Actualicé el paquete a la versión "^7.0.0" en mi proyecto y aún así, el problema persiste, por lo que esta solución actualmente es la perseverancia.
este problema se solucionó en la versión "^7.1.0" y no es necesario instalar @react-native-community/toolbar-android .
Actualizar la biblioteca
reaccionar-nativo-vector-iconos
a la última versión.
Edite este archivo node_modules\react-native-vector-icons\lib\toolbar-android.js
elimine 'importar ToolbarAndroid de '@react-native-community/toolbar-android';' editar devolver nulo
Primero, entendamos la convención estándar utilizada en package.json para la versión de packagege. Entonces, si ve ~1.0.2 , significa que debe instalar la versión 1.0.2 o la última versión del parche, como 1.0.4 . Si ve ^1.0.2 , significa que debe instalar la versión 1.0.2 o la última versión menor o parche, como 1.1.0 .
Ahora, llegando al tema.
El problema se debe a que tiene una versión de react-native-vector-icons que le está causando algunos problemas. Verifique su versión con este comando en el directorio de su proyecto:
npm list react-native-vector-icons --version \ ¿es 6.6.0 ?
No ?? . Ahí está el problema. Necesita estrictamente 6.6.0 pero tiene algo más.
Solución:
Elimine el directorio node_modules de su proyecto. Cambie la versión de react-native-vector-icons en package.json a 6.6.0 (básicamente elimine ^ para decirle a npm que me obtenga exactamente lo que quiero. ¡Nada más, nada menos!)
¡Entonces haga npm install !
Tenía este EXACTO mismo error. ¡Todo lo que tenía que hacer era instalar toolbar-android y listo!
npm install --save @react-native-community/toolbar-android
Mismo problema, lo resolví: Mi entorno: RN: 0.61.5 Nodo: v12.18.3 OS: Windows 10 Pro
Puede instalar la última versión de react-native-vector-icons (actual 7.0.0). Y no ejecute auto-link (react-native link react-native-vector-icons) Finalmente, ejecute react-native start --reset-cache Buena suerte.
haga esto: rm -rf node_modules/ rm -rf package.lock.json npm i react-native start --reset-cache
desde el directorio de tu proyecto :)
También tuve este problema. En mi caso, solo funciona cuando eliminé y volví a agregar el paquete con la última versión (7.0.0).
yarn remove react-native-vector-icons yarn add react-native-vector-iconsSolo impórtalo directamente desde reaccionar nativo, resuelve mi problema
node_modules\react-native-vector-icons\lib\toolbar-android.js
import { ToolbarAndroid } from 'react-native';