fix: incrementar Service Worker a v1.0.4 y añadir guía de limpieza urgente
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
This commit is contained in:
parent
03e78b6034
commit
b4781617e9
145
docs/LIMPIAR_CACHE_URGENTE.md
Normal file
145
docs/LIMPIAR_CACHE_URGENTE.md
Normal file
|
|
@ -0,0 +1,145 @@
|
||||||
|
# 🚨 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
|
||||||
|
|
||||||
|
|
@ -38,8 +38,8 @@ if (isDevelopment) {
|
||||||
}
|
}
|
||||||
|
|
||||||
// Versión del cache - Incrementar cuando hay cambios importantes
|
// Versión del cache - Incrementar cuando hay cambios importantes
|
||||||
// v1.0.3: Eliminación definitiva de vendor-other - forzar actualización completa
|
// v1.0.4: Orden de carga garantizado con prefijos numéricos - forzar actualización completa
|
||||||
const CACHE_VERSION = 'v1.0.3';
|
const CACHE_VERSION = 'v1.0.4';
|
||||||
const CACHE_NAME = `emerges-tes-${CACHE_VERSION}`;
|
const CACHE_NAME = `emerges-tes-${CACHE_VERSION}`;
|
||||||
const RUNTIME_CACHE = `emerges-tes-runtime-${CACHE_VERSION}`;
|
const RUNTIME_CACHE = `emerges-tes-runtime-${CACHE_VERSION}`;
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue