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
|
||||
// v1.0.3: Eliminación definitiva de vendor-other - forzar actualización completa
|
||||
const CACHE_VERSION = 'v1.0.3';
|
||||
// v1.0.4: Orden de carga garantizado con prefijos numéricos - forzar actualización completa
|
||||
const CACHE_VERSION = 'v1.0.4';
|
||||
const CACHE_NAME = `emerges-tes-${CACHE_VERSION}`;
|
||||
const RUNTIME_CACHE = `emerges-tes-runtime-${CACHE_VERSION}`;
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue