npx react-native init AwesomeTSProject --template react-native-template-typescript
Created
March 3, 2021 20:56
-
Star
(127)
You must be signed in to star a gist -
Fork
(30)
You must be signed in to fork a gist
-
-
Save Klerith/89d5288dec7ff254913453d26a63e981 to your computer and use it in GitHub Desktop.
Comando para crear aplicación de React Native con TypeScript
@Wagimo instala yarn de forma global
Buenas a todos,
Tengo la cabeza como un bote llevo 2 días con el siguiente problema al intentar iniciar el proyecto con el ios.
Comento cosas que he intentado sin exito.
He probado a:
- Comentar como dice Fernando el flipper del Podfile, hacer pod install.
- He probado a eliminar la carpeta de ios y restaurarla con react-native eject.
- rm -rf ./Pods && pod install a reinstalar los pods porque probar porque si.
- uso nvm a eliminar el alias, actualizar a la version lts ya que por temas de trabajo tenia activa la version 14
- he comprobado que no tenga ninguna carpeta con espacios como lei por stackoverflow.
- nvm use --delete-prefix v14.18.2 --silent este comando ya que lo dice en el error y lei por ahi que nvm a veces da problema
Run npm audit for details.
info Setting up new React Native app in C:\Users\evera\OneDrive\Escritorio\React Native\MiPrimerApp2
info Fetching template react-native-template-react-native-template-typescript...
(node:3352) Warning: Accessing non-existent property 'padLevels' of module exports inside circular dependency
(Use node --trace-warnings ... to show where the warning was created)
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/react-native-template-react-native-template-typescript - Not found
npm ERR! 404
npm ERR! 404 'react-native-template-react-native-template-typescript@*' is not in this registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\evera\AppData\Local\npm-cache_logs\2022-01-24T22_55_42_274Z-debug-0.log
npm WARN deprecated [email protected]: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
Me sale este error, y no se por que sea, ayuda por favor
se ve genial el curso muchas gracias!
Buenas noches....
Por favor agradezco me ayuden con este error que no consigo la solucion y no me deja avanzar en el curso...
Hagan la consulta en el mismo soporte del curso, van a tener mas suerte (y mas rápido)
A mi me funciona, entrar en el directorio del proyecto y hacer un npm i para que descargue las dependencias.
Para las personas que les esté arrojando el error de template not found:
Eliminar el react-native-cli viejito
npm uninstall -g react-native-cli
Instalar el nuevo de "react-native-community":
npm i -g @react-native-community/cli
luego, crear el proyecto con el comando:
npx react-native init AwesomeTSProject --template react-native-template-typescript
Hola.
Yo estoy teniendo un problema al arrancar el proyecto, ya he intentado algunas cosas pero no me ha funcionado, es una instalación nueva anteriormente ya he realizado esto y no he tenido problemas pero ahora no se que mas hacer.
Hola.
Yo estoy teniendo un problema al arrancar el proyecto, ya he intentado algunas cosas pero no me ha funcionado, es una instalación nueva anteriormente ya he realizado esto y no he tenido problemas pero ahora no se que mas hacer.
Encontré la solución en aquí, al parecer hay un problema con los nuevos proyectos, facebook/react-native#33835
Al correr este comando npx react-native init NavigationApp5 --template react-native-template-typescript me sale el siguiente error:
Para solucionarlo se agrega la bandera para apuntar a una version especifica, en este caso --version 0.68.2
npx react-native init NavigationApp1 --version 0.68.2 --template react-native-template-typescript
Miren si su carpeta "C:\Usuarios\TuUsuario" tiene una carpeta llamada "node_modules" y/o algunos archivos llamados: "package.json, package.lock, yarn.lock". Creen/Muevan todo eso a otra carpeta e intente iniciar el comando.
npx react-native init MyApp --template react-native-template-typescript --npm
Usen este comando los que sigan teniendo error - 2023!
Gracias
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
- 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
- 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?
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'
}
Si alguno mas como @ivan783 tiene el error de:
Task :app:installDebug Installing APK 'app-debug.apk'Por favor, pruebe lo siguiente:
1- Cierre el Emulador y tambien Node. 2- Abra Android Studio > More Options > AVD (Android Virtual Device Manager ) 3- Estando en sus dispositivos virtuales, seleccione el que esta usando actualmente. 4 - Luego de haberlo seleccionado, haga clic en la opcion de mas a la derecha (es una flecha que apunta hacia abajo) 5- Posteriormente, de clic en wipe data
Ahora abra su proyecto desde consola, sea cmd, powershell o vscode. Una vez situados en la raiz de su proyecto, ejecute estos comandos en este mismo orden:
cd android .\gradlew clean cd .. npm cache clean --forceAhora deberias poder estar corriendo el emulador nuevamente con:
npx react-native run-androidNo tengo ningun dispositivo iOs para probar, en caso de suceder lo mismo. Pero asumo (que alguien me corriga si le ha pasado), que, posteriormente de ejecutar los comandos consola (... clean -force) Tambien debera ejecutar:
npx pod-install iosY recien en este punto, volver a levantar su programa.
Si despues de esto aun no funciona su app, les recomiendo hagan delete del node_modules y del folder del directorio android/build
luego solo hagan
npm install
y ejecuten el npx react-native run-android, espero les ayude a mi en ciertas ocaciones me ayuda
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Buena tarde.
Estoy obteniendo una serie de errores al lanzar el comando de creación del proyecto con typescript. Hasta el proyecto calculadora todo funcionó super bien. Cuando quise comenzar con el proyecto de navegacion, utilice el comando y me esta generando el siguiente error:
Reinicie la maquina, desinstale react native y lo volvi a instalr y sigo obteniendo el mismo error.
Si alguien me puede ayudar le estare agradecido..