Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Cómo configurar tu primer proyecto en React.js

13/17
Recursos

Aportes 561

Preguntas 681

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Hola estaba siguiendo los pasos del profe Celis y me encontré con un problema al ejecutar el comando:

npx create-react-app test

ya que me pedía una versión de Nodejs de 14 en adelante y la que está en el repositorio de ubuntu llega hasta la v 10.19.0
Entonces si les ocurre esto al igual que a mí, les sugiero instalen directamente la version requerida, en mi caso usé la v14 y funcionó correctamete. líneas de código para instalar la versión 14 de NodeJs:

curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs

Fuente:
[]Aquí (https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-20-04-es)
[] y Aquí: (https://github.com/nodesource/distributions/blob/master/README.md)
Saludos compañeros!

si les aparece el siguiente error mi solución fue agregarle sudo antes que todo y me deja instalar.

![](

¡Hola! si alguien (como yo) tiene problemas al lanzar el npm test y les salta este error en el navegador solo denle permisos de administrador usando el comando sudo así, meten su contraseña y listo, no debería haber problemas!

sudo npm start

ecuerden que si no habían hecho esto antes en su pc les pedirá permisos en el firewall y de administrador al lanzarlo, debemos de concederlos para que funcione :3 esto me ayudó a mi.

muy bueno el curso ojala que le metan mas recursos ala escuela de desarrollo web por que veo que falta contenido en la ruta del aprendizaje
pero gracias por tu pasión por explicar las cosas Ricardo

El comando para darle permisos a VS Code para crear y editar archivos es: sudo chown -R [tu usuario] [la carpeta que quieres que tenga permisos (ejemplo: ~/projects)]

Si al estar listo para crear la aplicación con React te indica que necesitas un versión superior o más reciente de Node.js, como se puede ver en la siguiente imagen:

Una solución al problema es la siguiente:

  1. Vamos a la página oficial de Node.js
    Node.js

    como se observa en la imagen y damos click donde dice “Otras descargas”, como lo señala la flecha roja.
  2. Esto nos lleva a la siguiente imagen

    en la parte inferior damos click donde dice “Install on Windows Subsystem for Linux (WSL)”, como lo señala la flecha roja.
  3. Ahora aplicamos el comando:
    cd ~
    para ubicarnos en el home de nuesta instalación de Ubuntu.
  4. Como vemos en la siguiente imagen

    nos indica que para instalar Node.js en WSL (en específico en Ubuntu que tenemos instalado en WSL), es conveniente tener instalado un “Administrador de versiones”, usaremos el administrador de versiones de Node.js, llamado comúnmente nvm. Pero previamente para evitar conflictos es recomendable eliminar las versiones instaladas de Node.js y npm, para lo cual aplicamos los siguientes comandos:
    sudo apt-get purge nodejs
    y
    sudo apt-get autoremove
  5. Seguimos los pasos indicados en la siguiente imagen:

    Para saber la última versión de nvm puedes ir al siguiente enlace:
    versión actual nvm
    y buscan la sección “Installing and Updating” como se ve en la imagen a continuación:

    y así pueden saber que versión adecuada de nvm, por lo menos para la presente fecha como lo indica la página la versión de nvm es v0.39.1
    De forma que el comando a ejecutar es:
    curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
  6. Seguido realizamos lo indicado en las siguientes imagenes:

  7. Finalmente regresamos al directorio donde nos encontrabamos cuando estabamos listos para crear la aplicación en React, con el siguiente comando:
    cd personalProjects
    y podemos seguir con lo que indica el video a continuación.

Hasta el react me motiva para que siga aprendiendo 😃

¿Qué es Reactjs!
Una biblioteca de JavaScript para construir interfaces de usuario
¿React. El framework que revolucionó la web?
.
¿Qué es Vuejs?
Es un framework progresivo para construir interfaces de usuario.
Vue.js: Qué es y por qué usarlo como framework de referencia
.
¿Qué es Angular?
Angular es un framework de desarrollo para JavaScript creado por Google. La finalidad de Angular es facilitarnos el desarrollo de aplicaciones web SPA y optimizar la experiencia.
¿Que es Angular y para que sirve?

SOLUCION!, SI APARECE ERROR DE NPX NO FOUND

Si en caso de que salte este error(ver imagen)

PASO A SEGUIR

  1. Desinstalar nodejs y npm para reinstalar
sudo apt-get remove nodejs
sudo apt-get remove npm
sudo apt-get update
  1. Reinstalar nodejs usando paquete npm y Ubuntu
sudo apt install curl
curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
sudo apt-get install -y nodejs
  1. Verificar la instalacion y version de nodejs y npm
node -v
npm -v
  1. Actualizar los script de actualizacion de nvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash
  1. Instalar nvm
nvm install v14.17.2
  1. Comprobar la instalacion de nvm
nvm use system
  1. Ya se podra ejecutar el comando de nxp
npx create-react-app test
  1. Finalmente aplicacion react creada

En mi caso, uso linux nativo (Ubuntu 18.04.5) y me marcaba error al utilizar comando :

npx create-react-app test

Me di cuenta que primero tenía que instalar React.js, antes de poder crear una app con él. Para instalar React.js de manera global, se usa el comando:

sudo npm install -g create-react-app

Una vez instalado React.js, ya me fue posible crear una app en mi carpeta preferida.
Espero a alguien le sirva

Acá les dejo la solución en caso de que no les permita guardar y visualizar en e navegador sus cambios:

sudo chown -R tusuario ~/tuNombredeCarpeta

✨ Mi primera experiencia con React.js, descubrí que la perseverancia es importante.

Si cuando intentaste correr tu proyecto en react te salio un error relacionado con la version de Node JS 10.19 que es la que se instala por defecto, lo que tienes que hacer como posiblemente ya lo notaste en el error es actualizar Node JS, yo lo hice con los siguientes comandos:

sudo apt update
curl -sL https://deb.nodesource.com/setup_16.x | sudo bash -
sudo apt install -y nodejs
node -v

Actualmente la version estable es la 16.x al parecer en la parte donde dice “setup_16.x” especificas la version que vas a bajar. Espero les ayude

Tuve problemas con este error dos veces la primera solución fue habilitar el IIS (Internet Information Sever) que se habilita desde características de Windows y la segunda usar el comando sudo npm start. Gracias a la ayuda de otros comentarios logré solucionarlos. Por esto creo que es justo dejar el mío. Muchas, Muchas Gracias a todos los que van dejando sus experiencias y aportes en el camino.

Clases de 9 minutos que duran 2 días mientras detecto y entiendo qué me salió mal y cómo lo arreglo. La verdad aprendí muchísimo de investigar y de todos los aportes. Gracias a quienes se han tomado el tiempo de escribirlos.

Este curso me ha dado tantos errores, que me ha quitado las ganas de aprender

Para el problema de las versiones de node (ya que al momento de crear $ npx create-react-app test, solicita node versión 14), es recomendable hacer lo siguiente:

  1. En Windows Terminal asegurarse de estar en home con cd ~

  2. escribir el siguiente comando
    curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash -

  3. escribir el siguiente comando:
    sudo bash nodesource_setup.sh

(Esto instalará los paquetes necesarios para actualizar node.js)

  1. escribir el siguiente comando:

sudo apt install nodejs

(esto instalara nuevamente node a la version 14)

5 revisar version de node con el siguiente comando:

node -v

(habiendo corroborado que la version de node es superior a 14.0, continuar con la creación del archivo react app test) ejecutando los siguientes comandos

cd personalProjects

ls

npx create-react-app test

Si esto es correcto (la version node debe ser 14.0); debiera crear lo propuesto por el profesor.

hola, para los que tiene error con el comando npx, en el caso mio, sale un error xq necesita la version 14 o superior de nodejs , la cual yo tenia la 10, para solucionarlo me base en este link
https://computingforgeeks.com/install-node-js-14-on-ubuntu-debian-linux/

Si tienes problemas para actulizar el Node.js 14 , sere muy breve con esta explicación.

Si te aparece esto
entonces sigue estos pasos

🏅PASO 1

🏅PASO 2

🏅PASO 3

🏅PASO 4 Verifica la versión.

Gracias por haber hecho este curso, hace poco había completado el curso de Prework anterior y realmente me dejó con mucho sin comprender por lo mismo de ser de Windows.
Hasta dejé un comentario del curso sobre eso 😛 pero con esto queda más que claro todo.
Ahora si es un excelente curso con el cual puedes iniciar sin tener conocimiento previo de programación.
Gracias por escuchar a la comunidad 💚
#NuncaParesDeAprender

Como siempre haciendo mis tonterias con lo poco que he aprendido XD

Mi aporte:
El comando npx se instala junto al npm, npx es utilizado para ejecutar los paquetes de node estén o no instalados, nos sirve para no llenar nuestro disco duro de librerías que solo utilizamos para probar

  1. dentro de la carpeta de proyectos ejecutar el siguiente comando:
    a. npx create-react-app test
    b. al finalizer movernos al nuevo directorio con cd test
    c. y ejecutar npm start
    i. para detener la ejecución presionar control + c+
    d. una vez iniciado el servidor, abrimos otra ventana de terminal, nos posicionamos en la carpeta del proyecto test y corremos code .
    i. Otra manera de hacerlo más sencillo es primero abrir el proyecto con code . y desde vs code abrir la terminal e iniciar con npm start
    e. Realizamos modificaciones de prueba sobre el archivo src/App.js y al guardar se deberá de ver reflejado en el navegador

para instalar la version 16.13.1 de nodejs
copiar y pegar esto
curl -L https://raw.githubusercontent.com/tj/n/master/bin/n -o n
enter
sudo bash n lts
enter
PATH="$PATH"
enter
y listo, solo faltaria ver que se haya intalado
node -v

Pueden ayudarme, tengo ese error al intentar guardar después de realizar un cambio.

Si les aparece este error:

You are running Node 10.19.0.Create React App requires Node 14 or higher.

Al ejecutar el comando sudo npx create-react-app test hay que actualizar nodejs ya que por defecto se instala una versión más antigua

  1. sudo npm install --global yarn
  2. curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
  3. sudo apt install nodejs

Si les aparece un error como este: -bash: /mnt/c/Program Files/nodejs/npm: /bin/sh^M: bad interpreter: No such file or directory al momento de correr npm… utilicen sudo npm start

Estuve 5 días aproximadamente intentando actualizar node js para poder crear la app, porque la terminal te pide una versión de node superior a la 14. Usé todos los métodos que anteriormente dejaron aquí en la comunidad y ninguno me funcionó, si alguien tiene el mismo problema, les dejo el link del video tutorial que encontré y me fue de bastante ayuda.

https://www.youtube.com/watch?v=9JIuagb2FrM

Solución temporal para “Failed to save file, EACCESS permision denied” en nuevos archivos

El error que se le presenta al profesor al momento de intentar editar un archivo dentro de vscode se debe a que por defecto no es posible editar los archivos en clientes GUI si no se dan los permisos requeridos. La solución a esto es el comando

sudo chown -R 'username' ~/ProjectsFolder

Esto dará permisos de manera recursiva a todas nuestras carpetas. Podemos evitar escribir esto cada vez que iniciamos un nuevo proyecto modificando el archivo .bashrc en nuestra carpeta /home/username de la siguiente forma

echo "password" | sudo -kS chown -R username ~/Projects

Con este comando, cada que se ejecute una instancia de la terminal se volverán a otorgar los permisos.
Es la solución alternativa a la que pude llegar para esto que puede volverse un poco molesto si estamos aprendiendo React y hacemos un gran uso de create-react-app.

Explicación

El operador | funciona como un puente o pipe entre la salida que produce echo "password" y el comando a la derecha del operador. El flag -kS le dice al comando sudo que tome sus argumentos o su entrada desde el flujo de salida de la terminal, que en este caso fue modificado por echo. Naturalmente, esto implica algunos problemas de seguridad ya que estamos dejando expuesta nuestra clave en el archivo y , por otro lado. Si nuestra carpeta de proyectos tiene muchas subcarpetas (como las de node_modules) esto tardará unos segundos extra en completar y de ser así veremos unos segundos el prompt para ingresar nuestra contraseña por este corto tiempo.

Nota

El flujo de trabajo para mí siempre consiste en empezar los proyectos desde Windows Terminal, sea para utilizar create-react-app o crear archivos con touch. Posteriormente, ejecuto el comando code . para que se abra una instancia de visual studio code conectada al servidor remoto de WSL. Por lo anterior, cada que se inicia el remoto con Visual Studio code y su terminal integrada, ya se ha vuelto a ejecutar el comando propuesto en .bashrc.

Espero que sea de ayuda y si alguien encuentra una solución mucho más óptima a este problema se los agradecería ❤

Me muestra el siguiente mensaje al usar npx
![](

LO LOGRE POR FIN que dolor de cabeza esta clase, deberian actualizarla porque esta todo cambiado. Saludos al platzi team y al profe Celis, jefe de jefes

Instrucciones para Cambiar permisos

sudo chown -R myuser /path/to/folder

  • sudo (super user do)
  • chown (change owner)
  • myuser (tu usuario)
  • /path/to/folder (la ruta a la carpeta de la cual necesitas permisos)

Fix, para la fecha actual npx esta solicitando la version de node 14v superior, en este curso se encuentra (imagino a la fecha del dia node10 y el npx de ese momento, no daria error), pero en la actualidad deberemos actualizarlo para ello recomiendo estos cambios, primero repositorios en nuestro apt de ubuntu.

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

verificamos las actualizaciones

cat /etc/apt/sources.list.d/nodesource.list

y finalmente procedemos a instalar

sudo apt -y install nodejs

Si al crear el proyecto de React le indica que deben instalar una version de node 14 ó superior, pueden instalar la última versión de la siguiente manera:

 ~$ sudo npm install -g n
~$ sudo n latest

Cierran y abren nuevamente la terminal, y si verifican la versión con el comando node -v, verán que ya tienen la última version instalada.

Para los que necesitan una versión más actual de Nodo.js:

hola gente, miren estuve buscando y después de mucho encontre los comandos que hay que usar para instalar a día de hoy la versión actual de node.js desde ubuntu.
(Asegurense de desactivar el traductor de google para copiar el comando correctamente)

Si quieres instalar la opción recomandada para la mayoriía de usuarios (la Node.js v14.x):

curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs

Si quieres instalar la version más actual de node.js y la que usa la gente chida (Node.js v17.x):

curl -fsSL https://deb.nodesource.com/setup_17.x | sudo -E bash 
sudo apt-get install -y nodejs

Ya, si quieres comprobar tu versión de node.js solo utiliza el comando:

node -v

Suerte gente, ojalá les sirva.

nota: Estoy escribiendo esto en Febrero del 2022. Si ustedes estan viendo esto mucho tiempo después y no les funciona les recomiendo que intenten buscar información oficial de node.js, igual si me preguntan yo los ayudo a buscar

Por si no te dejan ejecutar:

npx create-react-app test

porque te pide actualizar tu Node a v14 te recomiendo ejectutar lo siguiente (Actualizar la versión de Node):

sudo apt update

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

sudo apt -y install nodejs

y ya, luego verificas la versión con:

node  -v

Articulo y fuente: https://computingforgeeks.com/install-node-js-14-on-ubuntu-debian-linux/

Resumen de la clase:
Comandos importante al trabajar con windows sub sistema y VSC
• Npm sirve para instalar paquetes
• npx sirve para ejecutar paquetes desde internet sin tener que instalar.
• Npx viene instalado con combo de npm
Comando : Npx créate-react-app test //para crear app con react

React es una libreria, se basa en componentes.
Existen 3 librerias / Frameworks importantes:
• Angular apoyada por Google
• React apoyada por Facebook
• Vue apoyado por comunidad
Estas nos ayudan a escribir código de manera más eficiente.
Es importante entender HTML, CSS y JS para trabajar de manera correcta con estas librerías.

Siguiendo paso por paso cada clase!
Vamos excelente con el conocimiento que estamos aprendiendo de Celis 😄

TE VA SALIR ERROR, aqui la solucion:
para instalar la version 16.13.1 de nodejs
copiar y pegar esto
curl -L https://raw.githubusercontent.com/tj/n/master/bin/n -o n
enter
sudo bash n lts
enter
PATH="$PATH"
enter
y listo, solo faltaria ver que se haya intalado
node -v

Buenas, tengo el siguiente problema. Al ejecutar el comando npm start ( también intenté sudo npm start) el navegador rechaza la petición, como se ve en la imagen.

Hola les comparto uno de mis apuntes.

Jajaja, me siento muy hacker siguiendo el paso a paso

Hola a todos, creo que encontré una forma para evitar los errores, al principio del curso el profesor nos pide crear nuestros directorios con el comando SUDO para darle permiso de administrador a la carpeta, pero luego el crea sus carpetas sin utilizar ese comando, y esa es la clave, hay que crear los directorios utilizando solo el MKDIR y nos ahorraremos muchos dolores de cabeza, de esta forma es que pude avanzar en esta clase y poder cambiar el EDIT por EDITA.

Tuve que borrar e iniciar desde cero todo (no tanto es queja, me sirvió para repasar lo aprendido también) y creé mi directorio sin permiso de administrador y eso me destrabó de esta parte del curso.

Saludos.

Les dejo el TIP

Les dejo mis notas de la clase:

Configuración de entorno de desarrollo en Windows fue un éxito.

Un aporte, si les aparece que

You are running Node 10.19.0.
Create React App requires Node 14 or higher

o cualquier otra cosa parecida de que necesitan Node 14 para que nvm funcione correctamente, revisen YA esta página de Microsoft para actualizar nodejs en WSL y sigan TODOS los pasos:

https://docs.microsoft.com/es-es/windows/dev-environment/javascript/nodejs-on-wsl

Yo la seguí al pie de la letra y no volví a tener problemas con más nada. Un saludo!

Marzo 2022.
Si les salio el problema de version del nodejs lo solucione ejecutando los siguiente comandos

sudo npm cache clean --force
sudo npm install -g n
sudo n latest

Si quieren instalar la ultima versión es con “latest” y si no “stable”

para corroborar deben cerrar la terminal y volver a ejecutar node -v para revisar la version que se instalo en mi caso se acualizo a v.17.8.0
¡Animo que podemos, esto apenas comienza !

¡Hola! Para los que estamos en el 2022, probablemente al querer instalar ReactJS no lo permite, porque nos pide una versión más actualizada de Node.js.

Ejecuten este código en su terminal:

sudo apt install curl
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
sudo apt install -y nodejs

Holacompañeros, si tienen el error de version de node.js, pueden ejecutar este comando en el directio home.

curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs

Esta clase tiene una duración de 9:53 pero yo me demoré más de una hora. Jajajajaja.

si a alguno de ustedes les salio el erorr
npm ERR! Unexpected end of JSON input while parsing near ‘…“pnp-webpack-plugin”:’

les recomiendo el “npm cache clean --force” a mi me funciono

Hasta el punto de React js, todo hiba muy bien, pero de pronto simplemente ya no quería instalar nada por terminal, todo marcaba errores, que coincidían en un error 404. La sorpresa fue que revisando, el error se estaba generando por el antivirus. De cierta manera encontró anormales las modificaciones de los directorios por estas instalaciones y simplemente hizo su trabajo de bloquear. Uso Kaspersky y la solución fue desactivarlo durante las descargas e instalaciones de actualizaciones. Con ello todo funcionó super bien, por si a alguien le sucede, verifiquen que no sea su antivirus el que este causando los errores de instalación y/o updates.

En esta clase me pasó como cuando pones la llave en la cerradura, gira sin problema y ¡voilá! la puerta no abre…
Tuve los problemas, pero creo que encontré todas las soluciones…
En particular donde estaba más complicado era con la actualización de node y lo resolví siguiendo este video:
https://www.youtube.com/watch?v=4EW_En2JcCY

para las personas que les sale un error de permisos:
sudo chown -R (tu usuario) (la carpeta que quieres que tenga permisos)
ejemplo:
sudo chown -R moises proyectoweb

Actualizar NodeJS a una versión 14.x

Ejecuta primero:

cd ~

Luego este comando:

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

y finalmente haces la instalación nuevamente con:

sudo apt -y install nodejs 

Puedes validar que ahora tienes una version 14.x de NODEJS

node -v

Fuente

Me apareció un error al ejecutar el comando

npx create-react-app test

debido a que necesitaba la versión 14 de nodejs.
Lo que hice fue ejecutar los siguientes comandos para solucionarlo:

sudo apt update
curl -sL https://deb.nodesource.com/setup.14.x | sudo bash -

y por último

sudo apt -y install nodejs

luego si verificas la versión verás que ya está actualizada

$ node -v
v14.17.5

luego si procedes a ejecutar

npx create-react-app test

(lo saqué de este sitio web:

https://computingforgeeks.com/install-node-js-14-on-ubuntu-debian-linux/
)

me parece que a este curso hay que actualizarlo, ya van varias clases donde lo explicado esta obsoleto y por aportes de estudiantes se han podido solucionar, pero en esta clase si estoy totalmente perdido, yo no se nada de programación, estoy empezando de cero, y puede que algunos solucionen con los excelentes aportes que hacen los demás, pero personas como yo no entendemos nada y esto es intimidante al punto de querer abandonar el curso.

tuve algunos inconvenientes con la version de node y estuve apunto de rendirme jjaj pero lo logré ,gracias a los aportes de los compañeros , gracias


Estuve a punto de rendirme pero no lo hice y por fin pude.

![]
(

AYUDA estancado, hice todos los pasos del profe pero al ejecutar npx create-react app test me sale
npx: installed 67 in 6.487s
You are running Node 10.19.0.
Create React App requires Node 14 or higher.
Please update your version of Node.y de ahi no avanzo mas

Soy la persona mas feliz del mundo… Me quede 1 hora haciendo el proceso debido a que me salian miles de errores y gracias a los comentarios, al blog, navegando en la red y volviendo a ver el video pude realizar la instalacion tal como se debia.

Crear un proyecto en React js

Dentro de la carpeta de proyectos ejecutar el siguiente comando:

  1. npx create-react-app [nombre del proyecto]
  2. Al finalizar nos movernos al directorio del proyecto con cd [nombre del proyecto]
  3. Ejecutamos code . para abrir el proyecto en Visual Studio
  4. y ejecutar npm start para iniciar el servidor
  5. Realizamos modificaciones de prueba sobre el archivo src/App.js y al guardar se deberá de ver reflejado en el navegador
  6. Para detener la ejecución presionamos control + c

impresionante lo difícil que se me hizo, con muchísimos errores, pero lo mejor, lo logre! animo chicos, no se desanimen

¿Si estoy usando WSL 2 hay otras consideraciones a tener en cuenta? Sucede que tengo un problema con el reload al abrir el proyecto de react en Chrome, llego a abrir react en el navegador con normalidad pero cuando hago cambios en el archivo src/App.js y los guardo no se actualiza dichos cambios. No me sale ningun error en consola por eso me parece extraño… me pueden ayudar?

si tienen problemas en la parte de npx create-react-app test que por la version del node js dejo el link de la pagina que me sirvio para poder solucionar el problema, toca desinstalar el nodejs y realizar el proceso que explican en la pagina :
https://linuxize.com/post/how-to-install-node-js-on-ubuntu-20-04/

Hola compañeros, si tienen el error de version de node.js, pueden ejecutar este comando en el directio home.

curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs

Compañeros copienlo así tal cual en el root de su ubuntu y les funcionará.

Gracias a LUIS RAMIREZ por excelente aporte

Si no puedes crear la app xq te pide node version 14 entra a esta pagina y copia y pega linea por linea de codigo

https://www.codegrepper.com/code-examples/javascript/install+node+js+14

tuve problemas con instalar npm

aplique esto:

Le sugiero que instale aptitude que puede ayudarlo a resolver conflictos

sudo apt install aptitude
luego instale su paquete con aptitude

sudo aptitude install npm

https://askubuntu.com/questions/899756/cant-install-npm-unable-to-correct-problems-you-have-held-broken-packages

Buenos días a todos. Para la persona que esté haciendo este curso a día de hoy, 24 de enero de 2022, esta información les puede ser de extrema utilidad para instalar nodejs y el gestor npm:

Diríjanse a la página oficial de NODEJS, en la pestaña de documentación: https://nodejs.org/es/download/package-manager/

Se van a distribuciones de Linux basadas en Debian y Ubuntu:

Los dirigirá a un repositorio donde les indicarán cómo bajar la versió de NODEJS que necesiten; ya que como lo explican muchos compañeros antes de mí, en el repositorio de ubuntu está alojada la versión 10.x, razón por la cuál no nos dejará avanzar para crear el proyecto de react si seguimos los mismas instrucciones del video:

Este es el enlace del repositorio:
https://github.com/nodesource/distributions/blob/master/README.md

Y estos los comandos para instalar la versión 14.X (la más estable en este momento es la 16.X; y la última de todas, la 17.X)

Using Ubuntu

curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs

Siguiendo esta clase instalé la versión de Node 10.19.0 y al ejecutar el comando:

npx create-react-app test

obtuve un error:

Que me pedía actualizar la versión de Node a la 14 o mayor. En algún comentario de esta clase encontré cómo instalar la versión 14, pero buscando por Youtube encontré una forma de ver cuál es la versión LTS más reciente e instalarla.
Aquí el Link.

A mí me sirvió y entonces pude continuar:

Espero que le sirva a cualquiera que se encuentre con este problema.

Me han encantado estas clases, ya me enamore de la terminal

Resumen

  • Crear aplicación

    npx create-react-app test

  • Probar instalación

    cd test
    npm start

  • Iniciar en VSCode

npm start

  • Cambiar owner carpeta

sudo chown -R {myUser} {myFolder}

Al ejecutar: npx create-react-app test

Me estaba saliendo este error:

“You are running create-react-app 4.0.1, which is behind the latest release (4.0.3).”

Uitlicé:

npm uninstall -g create-react-app

Luego

sudo npm uninstall -g create-react-app

Y luego sí me funcionó.

npx create-react-app test

**npm ** (que significa Node Package Manager) es un gestor de paquetes que instala programas de forma permanente. En cambio, npx elimina los ejecutables una vez instalados.

React , ¿Qué es? Es una librería creada por Facebook basada en JS. Una librería es un set de herramientas que facilitan el desarrollo de una app.

Crear una app en React (Linux)

  • Para crear una app en React, de las que ya vienen prefabricadas, se utiliza el siguiente comando: sudo npx create-react-app nombreDirectorio

  • Una vez creada, hay que instalar las dependencias correspondientes con: sudo npm install ahora, ¿Qué son las dependencias? Son archivos que un programa necesita para funcionar correctamente.

  • Puedes ejecutar la app con npm start o puedes entrar a VSC con code .

  • Para poder editar los archivos que crea el comando npm create react app, tienes que hacerte dueño del directorio. Eso se hace con el siguiente comando: sudo chown -R tuUsuario ~/nombreDirectorio.

Comando explicado:

  • chown significa Change Owner - cambiar dueño -

  • -R es, como ya vimos antes, recursivo. Esto significa que también serás dueño de todo lo que esté dentro de ese directorio (subdirectorios/archivos/etc).

  • ~ Hace referencia al directorio home del usuario que está logueado

“Library” es biblioteca en español. Estuve un buen rato no entendiendo hasta que me di cuenta que estaba hablando de las bibliotecas virtuales

https://www.youtube.com/watch?v=4EW_En2JcCY ese tutorial me sirvió para descargar la versión 16 de nodejs

Hola, si de pronto les sale el siguiente error al ejecutar el comando npx create-react-app “nombre proyecto lo solucioné con el comando npm cache clean --force y volví a ejecutar el comando “npx create…”

no se que hice mal, pero nada de lo que muestra lo tengo bien

Mientras realices este modulo, no podras instalar el nodejs por que te pediria una version actualizada

Para actualizar la version Nodejs. debes ingresar el siguiente codigo tal cual:

  1. curl -fsSL https://deb.nodesource.com/setup_14x | sudo -E bash -

Nota: ten en cuenta los espacios, puntos y letras en mayuscula y la barra entre 14x y sudo, ( escribe todo el codigo literal)

al terminar de cargar, escribe lo siguiente:

  1. sudo apt install -y nodejs

Y woala, node js actualizado

Nota: considera los espacios y el guion, escribelo tal cual.

Todo el credito se lo lleva Carlos Gonzales, del grupo de telegram, CRACK

A los que les pedía una actualización,encontré la solución en esta página, casi lloro después de lograrlo Cómo instalar Node.js en Ubuntu 20.04

alguien me ayuda por favor

Hola, al momento de escribir en la terminal npm start me abre el navegador google pero no carga. ¿Alguien sabe qué puedo hacer para solucionar? Y por qué me sale el problema con mkdir

Tuve este error

<Creating a new React app in /home/ydrc/personalProjects/test.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...

npm ERR! code ERR_SOCKET_TIMEOUT
npm ERR! network Socket timeout
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly.  See: 'npm help config'

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/ydrc/.npm/_logs/2022-02-10T20_30_10_434Z-debug-0.log

Aborting installation.
  npm install --no-audit --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed.

Deleting generated file... package.json
Deleting test/ from /home/ydrc/personalProjects
Done.> 

Pude solucionarlo así:

npm uninstall -g create-react-app
npm uninstall create-react-app

Luego:

npx create-react-app test

Cuando iba a usar el comando para crear la aplicación me apareció el siguiente error:

lo pude solucionar instalando la ultima versión Node.js v17.x:
pegué en la terminal el siguiente comando:

curl -fsSL https://deb.nodesource.com/setup_17.x | sudo -E bash -
sudo apt-get install -y nodejs

Me apareció una advertencia pero no generó problemas

Si presentan problemas con la instalación de la versión más reciente del node, realizar los pasos del 1 al 7 y posteriormente seguir el video desde el minuto 4:43

https://docs.microsoft.com/en-us/windows/dev-environment/javascript/nodejs-on-wsl.

Saludos

para los que les necesiten actualizar su node js a ala version 17 a qui les dejo el link de un tuto va directo al grano espero les sirva un salu2 https://www.youtube.com/watch?v=9JIuagb2FrM&lc=UgyAURbk36iUY86l_lp4AaABAg.9YpoXJixvW19YpqP-8f401

Para tener una versión más reciente de Node.js, te dejo una explicación detallada de como lo resolví:
https://platzi.com/comentario/3188868/

ACTUALIZAR NODEJS FEBRERO 2022
Aquí pueden actualizarlo a la versión 14.19.0
Ejecutar los siguientes comandos en la terminal:

curl -sL https://deb.nodesource.com/setup_14.x -o nodesource_setup.sh
sudo bash nodesource_setup.sh
sudo apt install nodejs
node -v 

Espero lo haya servido!

Me sale este error por la versión de node:

¿Como puedo avanzar con este problema?

Hay que actualizar esta clase!

Si por alguna razón necesitan que un directorio o archivo tenga permisos promiscuos (que todos puedan usarla), pueden hacer uso de la siguiente instrucción

$ chmod 777 <nombre_de_la_carpeta>

por ejemplo, en el caso del profe Ricardo, tenía la carpeta PersonalProjects, por lo cual le quedaría

$ chmod 777 ~/PersonalProjects

para ver que permisos tiene un elemento particular, se usa

$ ls -l

https://www.solvetic.com/tutoriales/article/1458-entender-los-permisos-linux-chmod/

Quieres saber que comandos escribiste en la consola? escribe history y la magia aparecerá …

Hola, si a alguien le aparece:

You are running Node 10.19.0.
Create React App requires Node 14 or higher.
Please update your version of Node.

pueden actualizar node con NVM con el tutorial de este enlace: https://phoenixnap.com/kb/update-node-js-version

a mi me aparecía que actualizara la versión de node así que busque en Google encontré estas líneas, las use y se soluciono.

npm install n -g

n stable

n latest

Para descargar la última versión de Node.js puedes hacerlo directamente desde el repositorio oficial de Node.js

Aquí https://github.com/nodesource/distributions/blob/master/README.md

curl -fsSL https://deb.nodesource.com/setup_17.x | sudo -E bash -
sudo apt-get install -y nodejs

Instrucciones para Ubuntu, también se encuentran las instrucciones para las demás distros más conocidas

Verificar que cuando abran la terminal desde el Visual sea la de ubuntu.
Si les figura la de PowerShell cambien por la de Ubuntu. Y muevanse a la carpeta test que es donde estamos trabajando.
Recien ahi ejecutar el comando npm start

El comando para solucionar problemas de permisos:

sudo chown -R TU_USUARIO ~/ruta/de la/carpeta-o-archivo

Si alguien al igual que yo sufrió con el update de Node JS en Windows, también pueden ir directamente a la guía de WSL que tiene Microsoft. https://docs.microsoft.com/en-us/windows/dev-environment/javascript/nodejs-on-wsl

Espero les sirva mucho!