Comando para crear aplicación de React Native con TypeScript

init-rn.md

Comando para crear un proyecto de RN con TS

npx react-native init AwesomeTSProject --template react-native-template-typescript

En la ventana de metro al correr la app no me aparece nada, presiono R y tampoco hace nada, que puedo hacer para solucionar?

En la ventana de metro al correr la app no me aparece nada, presiono R y tampoco hace nada, que puedo hacer para solucionar?

Pueden ser varias cosas

1. Ejecuta el emulador desde Android Studio y asegurate que esta conectado a Internet. Conectalo al WiFi etc. Prueba y arranca el Chrome del emulador, abrir una pagina, etc.

Luego

2. Abre 2 terminales por separado y prueba en una ejecutar
   npx react-native start
   y en la otra (luego de que se ejecute metro)
   npx react-native run-android

Otra posible solución es que actualices las Herramientas y Tools desde el SDK manager de Android Studio

Otra posible solución es hacer downgrade de tu versión de Node que puede ser que no sea compatible con la versión de react-native que esté usando tu proyecto.

Por ultimo y no menos importante
Si buscas en Google o Stack Overflow, el mensaje de error que te da el debugger, vas a ver que hay muchas mas posibles soluciones. Fijate y lee bien detenidamente cual puede llegar a funcionar y a probar

https://stackoverflow.com/search?q=unable+to+load+script+running+metro+react+native

En la ventana de metro al correr la app no me aparece nada, presiono R y tampoco hace nada, que puedo hacer para solucionar?

Parece que no has ejecutado algún comando en la terminal.

Bro, gracias por la ayuda pero no me ha servido ninguna de esas soluciones, ya desinstale adroid studio e instale de nuevoy nada, no se que hacer. El viernes, 17 de febrero de 2023, 08:42:24 a. m. COT, Esteban Sabo G ***@***.***> escribió: Re: ***@***.*** commented on this gist. En la ventana de metro al correr la app no me aparece nada, presiono R y tampoco hace nada, que puedo hacer para solucionar? Parece que no has ejecutado algún comando en la terminal. — Reply to this email directly, view it on GitHub or unsubscribe. You are receiving this email because you commented on the thread. Triage notifications on the go with GitHub Mobile for iOS or Android.                                                            

Bro, gracias por la ayuda pero no me ha servido ninguna de esas soluciones, ya desinstale adroid studio e instale de nuevoy nada, no se que hacer. El viernes, 17 de febrero de 2023, 08:42:24 a. m. COT, Esteban Sabo G @.> escribió: Re: @. commented on this gist. En la ventana de metro al correr la app no me aparece nada, presiono R y tampoco hace nada, que puedo hacer para solucionar? Parece que no has ejecutado algún comando en la terminal. — Reply to this email directly, view it on GitHub or unsubscribe. You are receiving this email because you commented on the thread. Triage notifications on the go with GitHub Mobile for iOS or Android.

Recientemente cambie de equipo y me salio ese error, si mal no recuerdo no me tomo ni 5 min resolver, simplemente me fui a la documentacion oficial, segui los pasos y cree un proyecto de prueba y listo, algun comando me faltaba.

Puedes seguir la guia directamente desde la documentacion, es bastante facil:
https://reactnative.dev/docs/environment-setup

Recuerda instalar Chocolatey y luego Java SE Development Kit (JDK), tal cual se muestra en la documentacion.
Tambien verifica las variables de entorno que las hayas puesto correctamente.

Ya luego: npx react-native start y deberia abrirte metro y darte la opcion de presionar una tecla para correr android.
Despues puedes cerrar todo y volver a iniciar el projecto tal cual los videos del curso o siguiendo la documentacion de react native.

y no me ejecuta la aplicacion, alguien tuvo este problema?

y no me ejecuta la aplicacion, alguien tuvo este problema?

Cuando ejecutas el comando para iniciar un proyecto de React Native, que consiste en aprox. lo siguiente:

npx react-native init miAplicacion

el comando crea un directorio llamado miAplicacion y alli baja todos los modulos, archivos, etc. del proyecto

Por lo tanto, prueba hacer antes

cd miAplicacion

y luego si ejecutar npx react-native run-android

• miAplicacion (o el nombre de la carpeta de proyecto que hayas elegido)

Si el directorio se encuentra vacío es porque el comando no bajó nada, hubo error, etc. y deberás ejecutarlo nuevamente

Hola a todos.
Estuve 3 días peleando y buscando soluciones para que el VDM me cargara el proyecto.
Iniciando con el comando que dice F.H. no encontré forma que funcionara, pero iniciando un projecto con npx react-native@latest init ProjectName no tuve problemas.
Quiero creer que después agregarle las dependencias para trabajar con TS no va a ser un poroblema

Llegué a la sección 3 (la calculadora). Cree la app con el comando de typescript, pero al querer correr la app me daba error de unable to load script, busqué montón de formas de arreglarlo y la solución que encontré fue esta

mkdir android/app/src/main/assets

npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

npx react-native init MyApp --template react-native-template-typescript --npm

Usen este comando los que sigan teniendo error - 2023!

graciaas

Para poder saber que pasa, siempre es bueno ir a la documentacion la cual dice:

v0.70
Getting Started with TypeScript:
npx react-native init MyApp --template react-native-template-typescript

Ahora para la version actual:

v0.73
Getting Started with TypeScript:
New projects created by the React Native CLI or popular templates like Ignite will use TypeScript by default.

Entonces viendo lo que dice en la ultima actualizacion, nos damos cuenta que ya viene por defecto y no es necesario el comando del profesor Fernando.

Nota: Para los que se adelantaron y no pusieron typescript o es una version sin typescript entonces en la misma parte del doc dice como agregarlo, espeficicamente aqui:

Adding TypeScript to an Existing Project

Saludos.

buenas estoy presentando este error
λ npx react-native init proyecto
node:internal/modules/cjs/loader:1143
throw err;
^

Error: Cannot find module 'commander'
Require stack:

• C:\Users\Lazaro\AppData\Local\npm-cache_npx\7930a8670f922cdb\node_modules@react-native-community\cli\build\index.js
• C:\Users\Lazaro\AppData\Local\npm-cache_npx\7930a8670f922cdb\node_modules@react-native-community\cli\build\bin.js
  at Module._resolveFilename (node:internal/modules/cjs/loader:1140:15)
  at Module._load (node:internal/modules/cjs/loader:981:27)
  at Module.require (node:internal/modules/cjs/loader:1231:19)
  at require (node:internal/modules/helpers:177:18)
  at _commander (C:\Users\Lazaro\AppData\Local\npm-cache_npx\7930a8670f922cdb\node_modules@react-native-community\cli\build\index.js:43:16)
  at Object. (C:\Users\Lazaro\AppData\Local\npm-cache_npx\7930a8670f922cdb\node_modules@react-native-community\cli\build\index.js:59:22)
  at Module._compile (node:internal/modules/cjs/loader:1364:14)
  at Module._extensions..js (node:internal/modules/cjs/loader:1422:10)
  at Module.load (node:internal/modules/cjs/loader:1203:32)
  at Module._load (node:internal/modules/cjs/loader:1019:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
  'C:\Users\Lazaro\AppData\Local\npm-cache\_npx\7930a8670f922cdb\node_modules\@react-native-community\cli\build\index.js',
  'C:\Users\Lazaro\AppData\Local\npm-cache\_npx\7930a8670f922cdb\node_modules\@react-native-community\cli\build\bin.js'
  ]
  }

Node.js v18.20.1

export const colors = {
darkGray: '#2D2D2D',
ligthGray: '#9B9B9B',
orange: '#FF9427',

textPrimary: '#ffffff',
textSecondary: '#666666',
background: '#000000'
}