¿El favicon de React no se actualiza? Aquí está la solución
Cambiaste el archivo y la pestaña se quedó con el icono antiguo. En una aplicación React eso es el navegador guardando el favicon en caché, o la salida del build y la CDN que aún sirven la copia anterior de public/.
Comprueba el archivo servido, luego la caché
Abre /favicon.ico directamente. Si aún muestra la imagen antigua, el build no recogió tu archivo nuevo: el servidor de desarrollo o el despliegue está sirviendo una copia obsoleta de public/, y limpiar la caché del navegador no ayudará.
Si la URL directa es correcta pero la pestaña no, es el navegador. Los favicons se guardan en caché con fuerza e independientemente de la página, así que una recarga normal a menudo no basta.
Límpiala en orden
- 1
Versiona el enlace o fuerza la recarga
Cambia el href a /favicon.ico?v=2 para que el navegador lo trate como un archivo nuevo, luego fuerza la recarga en una ventana privada.
- 2
Reinicia el servidor de desarrollo o vuelve a compilar
Los servidores de desarrollo a menudo sirven un archivo de public/ en caché hasta que se reinician. En producción, vuelve a compilar para que el archivo nuevo aterrice en la salida.
- 3
Purga la CDN
Si una CDN está delante del sitio, invalida la ruta del favicon para que los nodos del edge dejen de repartir los bytes antiguos.
El favicon de React no se actualiza: preguntas frecuentes
¿Por qué no se actualiza mi favicon de React?
O el build aún sirve el archivo antiguo (comprueba /favicon.ico directamente) o el navegador lo guardó en caché. Reinicia el servidor de desarrollo o vuelve a compilar para lo primero; versiona la URL y fuerza la recarga para lo segundo.
¿Cómo fuerzo el refresco del favicon?
Añade una cadena de consulta de versión al href del icono, p. ej. /favicon.ico?v=2, luego fuerza la recarga o abre una ventana privada. Cambiar la URL es lo que hace que el navegador obtenga un archivo nuevo.
Cambió en desarrollo pero no tras el despliegue.
El despliegue está sirviendo una copia en caché del build o la CDN. Confirma que el archivo nuevo está en la salida del build, luego purga la ruta de la CDN y vuelve a abrir la URL directa.