Menú alternativo
Alternar el menú de preferencias
Menú alternativo personal
No has accedido
Tu dirección IP será visible si haces alguna edición

Diferencia entre revisiones de «React Native»

De TechShareRoom wiki
m Texto reemplazado: «<syntaxhighlight lang="bash ">» por «<syntaxhighlight lang="bash" copy>»
 
(No se muestran 2 ediciones intermedias del mismo usuario)
Línea 48: Línea 48:
rm -rf package-lock.json node_modules
rm -rf package-lock.json node_modules
npm install
npm install
npm run build
npm run dev
npm run dev
npm run build
</syntaxhighlight>
</syntaxhighlight>


Línea 90: Línea 90:
</syntaxhighlight>
</syntaxhighlight>


Se acatualizará package-lock.json con los cambios
Se actualizará package-lock.json con los cambios
 
Luego volver a hacer:
 
<syntaxhighlight lang="bash" copy>
npm run build
npm run dev
</syntaxhighlight>


== Apache ==
== Apache ==

Revisión actual - 01:26 9 mar 2026

Instalación

sudo pacman -S nodejs npm nvm

Una vez la app descargada donde toca...

npm install
npm run build
npm run dev

Si falta alguna dependencia

npm install -D @vitejs/plugin-react

Solucionando permisos. No suele ser necesario, funciona sin hacer esto:

sudo chown -R www-data:www-data /var/www/html/mi-app
sudo chmod -R 755 /var/www/html/mi-app

Si se sirve desde subruta cambiar la base en vite.config.ts y pon:

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig({
  base: '/electric-car-saving-calculator/',
  plugins: [react()],
});
http://localhost:5173/

Si se quiere mover la app a otra parte, mover el contenido de la carpeta dist en la carpeta que se quiera del servidor.

Recargar package.json.lock

rm -rf package-lock.json node_modules
npm install
npm run build
npm run dev

Actualizar dependencias

Forma tradicional, más lenta y segura

npm outdated
#Examples
npm updated
#Specific
npm install --save-dev @types/react@latest @types/react-dom@latest
npm install @vitejs/plugin-react@latest
npm install vite@latest

Forma moderna, rápida y un poco peligrosa

npx npm-check-updates
npx npm-check-updates -u
npm install
# Escanea vulnerabilidades
npm audit

# Arregla automáticamente vulnerabilidades que se pueden corregir sin romper nada
npm audit fix

# Para forzar actualización de vulnerabilidades graves incluso si hay cambios de breaking
npm audit fix --force

Actualizar versión app

Modificar package.json y luego

npm install

Se actualizará package-lock.json con los cambios

Luego volver a hacer:

npm run build
npm run dev

Apache

Alias /electric-car-saving-calculator /var/www/html/motorshareroom/electric-car-saving-calculator
            <Directory /var/www/html/motorshareroom/electric-car-saving-calculator>
            Options Indexes FollowSymLinks
            AllowOverride None
            Require all granted
            </Directory>