React Favicon अपडेट नहीं हो रहा? यहाँ है इसका फ़िक्स
आपने फ़ाइल बदली और tab ने पुराना icon पकड़े रखा। किसी React app में यह browser का favicon को cache करना है, या build output और CDN का public/ से पिछली कॉपी सर्व करते रहना है।
पहले सर्व की गई फ़ाइल जाँचें, फिर cache
/favicon.ico सीधे खोलें। अगर वह अभी भी पुरानी image दिखाती है, तो build ने आपकी नई फ़ाइल नहीं उठाई: dev server या deploy public/ से एक बासी कॉपी सर्व कर रहा है, और browser cache साफ़ करने से मदद नहीं मिलेगी।
अगर सीधा URL सही है पर tab नहीं, तो यह browser है। Favicon सख़्ती से और page से स्वतंत्र रूप से cache होते हैं, इसलिए एक सामान्य refresh अक्सर काफ़ी नहीं होता।
इसे क्रम में साफ़ करें
- 1
link को version दें या hard-refresh करें
href को /favicon.ico?v=2 में बदलें ताकि browser उसे एक नई फ़ाइल माने, फिर private window में hard-refresh करें।
- 2
dev server फिर से शुरू करें या rebuild करें
dev servers अक्सर restart होने तक एक cached public/ फ़ाइल सर्व करते हैं। production में, rebuild करें ताकि नई फ़ाइल output में पहुँचे।
- 3
CDN purge करें
अगर कोई CDN site के आगे है, तो favicon path invalidate करें ताकि edge nodes पुराने bytes देना बंद करें।
React favicon अपडेट न होने पर: FAQ
मेरा React favicon अपडेट क्यों नहीं हो रहा?
या तो build अभी भी पुरानी फ़ाइल सर्व कर रहा है (/favicon.ico सीधे जाँचें) या browser ने उसे cache कर लिया। पहले के लिए dev server फिर से शुरू करें या rebuild करें; दूसरे के लिए URL को version दें और hard-refresh करें।
favicon को refresh होने के लिए कैसे मजबूर करूँ?
icon href में एक version query string जोड़ें, जैसे /favicon.ico?v=2, फिर hard-refresh करें या private window खोलें। URL बदलना ही वह चीज़ है जो browser को ताज़ी फ़ाइल fetch करवाती है।
यह dev में बदला पर deploy के बाद नहीं।
deploy build या CDN से एक cached कॉपी सर्व कर रहा है। पक्का करें कि नई फ़ाइल build output में है, फिर CDN path purge करें और सीधा URL दोबारा खोलें।