Angular Favicon दिख नहीं रहा? यहाँ है इसका फ़िक्स
Angular static फ़ाइलें तभी कॉपी करता है जब build configuration ऐसा कहे। जो icon angular.json की assets entry से मैच नहीं होता वह कभी dist तक नहीं पहुँचता। build सफल होता है और फ़ाइल वहाँ नहीं होती।
assets array तय करता है कि क्या मौजूद है
हर दूसरा framework पूरी directory को convention के हिसाब से कॉपी करता है। Angular इसे configuration से करता है: build target की assets entry केवल वही कॉपी करती है जो उससे मैच होता है। नए scaffolds इसे एक glob के साथ public/ directory की ओर इंगित करते हैं; पुराने अलग-अलग paths सूचीबद्ध करते हैं, src/favicon.ico से शुरू करके।
जब यह गलत हो तो कुछ भी चेतावनी नहीं देता। किसी पुराने project में काम कर रहे favicon.ico के बगल में apple-touch-icon.png जोड़ें और वह साफ़-सुथरा build हो जाता है, फिर production में 404 देता है: favicon.ico नाम से सूचीबद्ध था और आपकी नई फ़ाइल नहीं थी।
assets glob (नए scaffolds)
"assets": [
{ "glob": "**/*", "input": "public" }
]public/ में जो कुछ भी है वह कॉपी होता है। किसी पुराने project में array में "src/favicon.ico" जैसी strings होती हैं, और आप हर icon के लिए एक line जोड़ते हैं।
Angular favicon न दिखने पर: FAQ
मेरा Angular favicon क्यों नहीं दिख रहा?
icon angular.json की assets entry से मैच नहीं होता, इसलिए वह कभी dist तक नहीं पहुँचा। ng build के बाद dist/ में देखें। अगर फ़ाइल वहाँ नहीं है, तो उसे assets array (या public/ glob) में जोड़ें और फिर से build करें।
यह sub-path के तहत 404 क्यों देता है?
slash से शुरू होने वाला href domain root के सापेक्ष resolve होता है। --base-href को अपनी subdirectory पर सेट करके build करें ताकि index.html में base tag सही हो, और icon href relative लिखें, बिना आगे वाली slash के।
क्या @angular/pwa मेरे icons जोड़ता है?
यह एक manifest और placeholder PNG icons scaffold करता है और service worker को wire करता है। वे icons placeholder हैं। image फ़ाइलों को उसी जगह बदलें और बनाए गए manifest और asset entries को रखें।