Cuaderno de bitácora ++
  • GODOT
    • Tipos de datos
    • Detectar iteracción de entrada
    • Nodo 2D
    • Jugador
      • Áreas de colisión
      • Movimiento
  • REACT
    • Requisitos
    • GIT
  • DOCKER
    • Comandos
    • Instalación Docker en Windows
    • Crear imagen Docker
    • Subir imagen a Docker Hub
    • Desplegar imagen Docker en Render
    • Notas rápidas
  • Bases de datos
    • Postgre SQL
  • Notas temporales
    • Notas
Con tecnología de GitBook
En esta página
  • Preparación del entorno
  • Creación del proyecto
  • Errores frecuentes
  1. REACT

Requisitos

Última actualización hace 3 meses

Preparación del entorno

IDE Recomendado:

Dependencias:

Es un entorno de ejecución de que permite ejecutar código JavaScript en el servidor, fuera del navegador.

  • npm (Node Package Manager): Es el gestor de paquetes de Node.js. Se usa para instalar librerías y gestionar dependencias en proyectos de JavaScript.

  • npx (Node Package Runner): Permite ejecutar paquetes de Node.js sin necesidad de instalarlos globalmente en tu sistema.

Creación del proyecto

Creamos un directorio y ejecutamos el comando para crear un proyecto React.

npx create-react-app mi-proyecto-react

Lanzamos la aplicación.

npm start

Para abrir el servicio acceder a

Errores frecuentes

Ejecución de scripts deshabilitada en el sistema

Cuando la ejecución de scripts está deshabilitada en el sistema obtendremos un error similar a:

No se puede cargar el archivo C:\Program Files\nodejs\npm.ps1 porque la ejecución de scripts está deshabilitada en este sistema. Para obtener más información, consulta el tema about_Execution_Policies en https:/go.microsoft.com/fwlink/?LinkID=135170. En línea: 1 Carácter: 1

Abrimos el promp del sistema y comrpobamos el estado de la ejecución de scripts:

Get-ExecutionPolicy
Restricted

Habilitamos la ejecución de scripts:

Set-ExecutionPolicy RemoteSigned -Scope CurrentUser

Verificamos que se ha habilitado correctamente:

Get-ExecutionPolicy
RemoteSigned

Web-Vitals no instalado

Error A complete log of this run can be found in: C:\Users\Miguel\AppData\Local\npm-cache_logs\2025-02-10T17_00_38_134Z-debug-0.log npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0 failed

Desde el terminal del IDE (Ctrl + Shift + ñ), Instalamos el package de web-vitals:

npm install web-vitals
Visual Studio Code
Node.js
http://localhost:3000