planetazuzu
b4781617e9
PROBLEMA: - Navegador usando versión antigua en caché (vendor-utils-ClLzZSLi.js) - Build nuevo correcto pero caché no actualizado SOLUCIÓN: - Service Worker actualizado a v1.0.4 (elimina cachés antiguos) - Guía de limpieza urgente con script automático - Instrucciones paso a paso para limpiar caché RESULTADO: ✅ Service Worker elimina cachés antiguos automáticamente ✅ Script automático para limpieza rápida ✅ Documentación clara para resolver el problema
146 lines
3.8 KiB
Markdown
146 lines
3.8 KiB
Markdown
# 🚨 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)
|
|
|
|
1. **Abrir la aplicación:**
|
|
```
|
|
http://207.180.226.141:8607
|
|
```
|
|
|
|
2. **Abrir DevTools (F12)**
|
|
|
|
3. **Ir a la pestaña "Console"**
|
|
|
|
4. **Pegar y ejecutar este código:**
|
|
|
|
```javascript
|
|
// 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);
|
|
})();
|
|
```
|
|
|
|
5. **Presionar Enter** y esperar a que se recargue
|
|
|
|
### Método 2: Manual (Si el script no funciona)
|
|
|
|
1. **DevTools > Application > Service Workers:**
|
|
- Click en "Unregister" para cada Service Worker
|
|
|
|
2. **DevTools > Application > Cache Storage:**
|
|
- Click derecho en cada caché → "Delete"
|
|
- O seleccionar todos y "Delete All"
|
|
|
|
3. **DevTools > Application > Storage:**
|
|
- Click en "Clear site data"
|
|
- Marcar todas las opciones
|
|
- Click en "Clear site data"
|
|
|
|
4. **Cerrar DevTools y recargar:**
|
|
- `Ctrl+Shift+R` (Windows/Linux)
|
|
- `Cmd+Shift+R` (Mac)
|
|
|
|
### Método 3: Modo Incógnito (Más Simple)
|
|
|
|
1. **Abrir ventana incógnita:**
|
|
- `Ctrl+Shift+N` (Windows/Linux)
|
|
- `Cmd+Shift+N` (Mac)
|
|
|
|
2. **Ir a:**
|
|
```
|
|
http://207.180.226.141:8607
|
|
```
|
|
|
|
3. **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:
|
|
|
|
1. **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)
|
|
|
|
2. **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:
|
|
|
|
1. **Verificar que el servidor tiene el build nuevo:**
|
|
```bash
|
|
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-`
|
|
|
|
2. **Verificar Service Worker en el servidor:**
|
|
```bash
|
|
cat dist/sw.js | grep CACHE_VERSION
|
|
```
|
|
Debe mostrar `v1.0.4`
|
|
|
|
3. **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
|
|
|