🚨 LIMPIEZA URGENTE DE CACHÉ - Error useLayoutEffect Persiste

❌ Problema

El navegador está usando una versión ANTIGUA en caché:

❌ vendor-utils-ClLzZSLi.js (hash antiguo - versión antigua)
✅ 1-vendor-utils-aDTNHcbX.js (hash nuevo - versión actual)

El build nuevo está correcto, pero el navegador sigue usando el build antiguo.

✅ Solución RÁPIDA (2 minutos)

Método 1: Script Automático (Más Rápido)

Abrir la aplicación:
```
http://207.180.226.141:8607
```
Abrir DevTools (F12)
Ir a la pestaña "Console"
Pegar y ejecutar este código:

// LIMPIEZA COMPLETA Y AUTOMÁTICA
(async () => {
  console.log('🧹 Iniciando limpieza completa...');
  
  // 1. Desregistrar todos los Service Workers
  const registrations = await navigator.serviceWorker.getRegistrations();
  for (let registration of registrations) {
    await registration.unregister();
    console.log('✅ Service Worker desregistrado');
  }
  
  // 2. Eliminar todos los cachés
  const cacheNames = await caches.keys();
  for (let name of cacheNames) {
    await caches.delete(name);
    console.log('✅ Caché eliminado:', name);
  }
  
  // 3. Limpiar localStorage y sessionStorage
  localStorage.clear();
  sessionStorage.clear();
  console.log('✅ Storage limpiado');
  
  // 4. Recargar página
  console.log('🔄 Recargando página...');
  setTimeout(() => {
    window.location.reload(true);
  }, 1000);
})();

Presionar Enter y esperar a que se recargue

Método 2: Manual (Si el script no funciona)

DevTools > Application > Service Workers:
- Click en "Unregister" para cada Service Worker
DevTools > Application > Cache Storage:
- Click derecho en cada caché → "Delete"
- O seleccionar todos y "Delete All"
DevTools > Application > Storage:
- Click en "Clear site data"
- Marcar todas las opciones
- Click en "Clear site data"
Cerrar DevTools y recargar:
- Ctrl+Shift+R (Windows/Linux)
- Cmd+Shift+R (Mac)

Método 3: Modo Incógnito (Más Simple)

Abrir ventana incógnita:
- Ctrl+Shift+N (Windows/Linux)
- Cmd+Shift+N (Mac)
Ir a:
```
http://207.180.226.141:8607
```
Verificar en DevTools > Network:
- Debe aparecer 1-vendor-utils-aDTNHcbX.js (nuevo)
- NO debe aparecer vendor-utils-ClLzZSLi.js (antiguo)

🔍 Verificación

Después de limpiar el caché, verifica:

DevTools > Network:
- Recargar la página (Ctrl+Shift+R)
- Buscar archivos vendor
- Debe aparecer:
  - 0-vendor-react-*.js (nuevo)
  - 1-vendor-utils-*.js (nuevo)
  - 2-vendor-markdown-*.js (nuevo)
- NO debe aparecer:
  - vendor-utils-ClLzZSLi.js (antiguo)
  - vendor-other-*.js (nunca)

DevTools > Console:

NO debe aparecer el error:

TypeError: Cannot read properties of undefined (reading 'useLayoutEffect')

⚠️ Si el Problema Persiste

Si después de limpiar el caché todavía ves el error:

Verificar que el servidor tiene el build nuevo:
```
ssh root@207.180.226.141
cd /var/www/emerges-tes
ls -la dist/assets/ | grep vendor
```
Debe mostrar archivos con prefijos 0-, 1-, 2-
Verificar Service Worker en el servidor:
```
cat dist/sw.js | grep CACHE_VERSION
```
Debe mostrar v1.0.4
Forzar actualización del Service Worker:
- DevTools > Application > Service Workers
- Click en "Update"
- Esperar a que se actualice
- Click en "Unregister"
- Recargar página

📝 Notas

El build nuevo está CORRECTO en el servidor
El problema es CACHÉ DEL NAVEGADOR
El Service Worker está en versión v1.0.4 (elimina cachés antiguos automáticamente)
Después de limpiar el caché, el error debería desaparecer

3.8 KiB Raw Blame History