# General Translation React SDKs (gt-react, gt-next, gt-react-native): Solución de problemas de React Native URL: https://generaltranslation.com/es/docs/react/react-native/troubleshooting.mdx --- title: Solución de problemas de React Native description: Cómo diagnosticar problemas con módulos nativos, polyfills, configuraciones regionales, archivos de traducción y desarrollo en una aplicación de React Native. related: links: - /docs/react/guides/configuring - /docs/react/guides/storing-translations - /docs/react/guides/managing-locales - /docs/react/guides/translating-jsx --- Empieza por el error que muestra Metro o el dispositivo y, a continuación, revisa la capa de configuración correspondiente: vinculación nativa, polyfills de Babel, configuración regional o archivos de traducción generados. ## Corrige el módulo nativo [#native-module] Un error que indica que no se pudo encontrar `GtReactNative` significa que el módulo nativo no está incluido en el binario de la aplicación instalada. ### Expo Expo Go no puede cargar módulos nativos personalizados. Crea y ejecuta una compilación de desarrollo: ```bash npx expo run:ios # o npx expo run:android ``` Después de añadir o actualizar `gt-react-native`, recompila el cliente de desarrollo. Reiniciar únicamente Metro no actualiza los módulos nativos de un binario existente. ### React Native CLI Instala los pods de iOS después de agregar el paquete y, a continuación, vuelve a compilar la aplicación: ```bash cd ios pod install cd .. ``` Si el módulo sigue sin aparecer, elimina la versión anterior de la aplicación del simulador o dispositivo y realiza una compilación nativa limpia. *Nota: React Native Web no requiere el módulo nativo. En su lugar, utiliza la detección de configuración regional y el almacenamiento del navegador.* ## Corregir la configuración del polyfill [#polyfills] Si la app muestra códigos de configuración regional no válidos o la ausencia de una API `Intl`, compruebe que el [plugin de Babel](/docs/react/react-native/plugin) se ejecute sobre el archivo de entrada real de la app. * Expo Router suele usar `require.resolve('expo-router/entry')`. * Una app bare React Native suele usar la ruta absoluta a `index.js`. * Un archivo de entrada personalizado debe pasarse mediante `entryPointFilePath`. El plugin necesita la configuración regional predeterminada y todas las configuraciones regionales de destino. Pase `locales` directamente, pase `config` o establezca `configFilePath` en un archivo `gt.config.json` accesible. El plugin carga datos de configuración regional de FormatJS solo para códigos de configuración regional canónicos compatibles; si su app usa un alias personalizado para las rutas, pase su código canónico al plugin. Borre la caché de transformaciones de Metro después de cambiar la configuración de Babel: ```bash npx expo start --clear ``` Para una app de bare React Native, reinicia Metro restableciendo la caché: ```bash npx react-native start --reset-cache ``` Si Babel no puede ejecutarse en tu configuración, consulta el ejemplo de importación manual en la [referencia del plugin](/docs/react/react-native/plugin#how-it-works). ## Generar archivos faltantes [#missing-files] Metro resuelve las llamadas estáticas a `require()` antes de iniciar la aplicación. Todos los archivos de traducción indicados en tu mapa de [`loadTranslations`](/docs/react/reference/functions/load-translations) deben existir previamente. Genera archivos de marcador de posición con el contenido de origen sin una clave de API: ```bash npx gt generate ``` O genera archivos traducidos con las credenciales del Project: ```bash npx gt translate ``` Mantén la ruta de salida de la CLI en `gt.config.json` sincronizada con las rutas de `loadTranslations.ts`. Reinicia Metro después de agregar archivos que antes no existían. ## Comprender el comportamiento en desarrollo [#development] Las traducciones en runtime durante el desarrollo pueden tardar más la primera vez que se abre una configuración regional, ya que la aplicación solicita traducciones que no están en caché. Las compilaciones de producción deben ejecutar [`npx gt translate`](/docs/cli/reference/commands/translate) con antelación y cargar localmente los archivos generados. Si una traducción es imprecisa, añade contexto al contenido ambiguo: ```tsx Apple ``` La función de traducción [`useGT`](/docs/react/reference/hooks/use-gt) acepta la misma opción `$context`. Los entornos de React Native del lado del servidor no son compatibles explícitamente. Si una compilación web de Expo o React Native Web se renderiza en el servidor, prueba la detección de la configuración regional y el comportamiento del almacenamiento en ese entorno de ejecución antes de realizar el despliegue. ## Next steps - /docs/react/guides/configuring - /docs/react/guides/storing-translations - /docs/react/guides/managing-locales - /docs/react/guides/translating-jsx