Favicon do React não atualiza? Veja a correção
Você trocou o arquivo e a aba manteve o ícone antigo. Em um app React isso é o navegador fazendo cache do favicon, ou a saída do build e o CDN ainda servindo a cópia anterior de public/.
Confira o arquivo servido, depois o cache
Abra /favicon.ico diretamente. Se ainda mostrar a imagem antiga, o build não pegou seu novo arquivo: o dev server ou o deploy está servindo uma cópia desatualizada de public/, e limpar o cache do navegador não ajuda.
Se a URL direta está correta mas a aba não, é o navegador. Favicons têm cache pesado e independente da página, então um refresh normal muitas vezes não basta.
Limpe em ordem
- 1
Versione o link ou faça hard-refresh
Mude o href para /favicon.ico?v=2 para que o navegador o trate como um arquivo novo, depois faça um hard-refresh em uma janela anônima.
- 2
Reinicie o dev server ou recompile
Dev servers frequentemente servem um arquivo public/ em cache até serem reiniciados. Em produção, recompile para que o novo arquivo caia na saída.
- 3
Limpe o CDN
Se um CDN está na frente do site, invalide o caminho do favicon para que os nós de edge parem de entregar os bytes antigos.
Favicon do React não atualiza: perguntas frequentes
Por que meu favicon do React não atualiza?
Ou o build ainda está servindo o arquivo antigo (confira /favicon.ico diretamente) ou o navegador fez cache dele. Reinicie o dev server ou recompile para o primeiro caso; versione a URL e faça hard-refresh para o segundo.
Como forço o favicon a atualizar?
Anexe uma query string de versão ao href do ícone, por exemplo /favicon.ico?v=2, depois faça um hard-refresh ou abra uma janela anônima. Mudar a URL é o que faz o navegador buscar um arquivo novo.
Mudou em dev mas não depois do deploy.
O deploy está servindo uma cópia em cache do build ou do CDN. Confirme que o novo arquivo está na saída do build, depois limpe o caminho no CDN e reabra a URL direta.