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
 
Línea 53: Línea 53:


=== Actualizar dependencias ===
=== Actualizar dependencias ===
Forma tradicional, más lenta y segura
<syntaxhighlight lang="bash ">
<syntaxhighlight lang="bash ">
npm outdated
npm outdated
#Examples
#Examples
npm updated
#Specific
npm install --save-dev @types/react@latest @types/react-dom@latest
npm install --save-dev @types/react@latest @types/react-dom@latest
npm install @vitejs/plugin-react@latest
npm install @vitejs/plugin-react@latest
npm install vite@latest
npm install vite@latest
</syntaxhighlight>
Forma moderna, rápida y un poco peligrosa
<syntaxhighlight lang="bash ">
npx npm-check-updates
npx npm-check-updates -u
npm install
</syntaxhighlight>
</syntaxhighlight>



Revisión actual - 22:03 27 dic 2025

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 dev
npm run build

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 acatualizará package-lock.json con los cambios

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>