favicon funktioniert nicht in eckiger Anwendung

7

Dies ist unterhalb des Codes für ein benutzerdefiniertes Favicon

%Vor%

in angular.cli

%Vor%
  • Es funktioniert für diese URL (Hauptmenü): http://localhost:4200/maintenance

  • Aber es funktioniert nicht für diese URL (Untermenü): http://localhost:4200/maintenance/colors

BEARBEITEN:

  

Auch funktioniert es nicht mit voller Favicon URL href="../src/favicon-16x16.png"

Ordnerstruktur:

Ich habe versucht, alle Arten von URLs aus meiner alten Frage zu setzen: Unterschiede zwischen ./, ../, ../../, ~ / im Dateipfad (URL) in asp.net

Aber es hilft mir nicht.

    
Ramesh Rajendran 09.08.2017, 08:52
quelle

8 Antworten

4

Je nachdem, was Sie sagen, es arbeitet am "Hauptmenü" und nicht am "Untermenü", sieht es so aus, als ob Ihr Haupt-src-Ordner "/ maintenance" heißt. Also sollten Sie versuchen, es als Ihre Wurzel zu verwenden.

versuchen:

%Vor%     
MennyMT 28.08.2017, 11:36
quelle
3

Sie verwenden relative URL. Es bedeutet, dass die erste Seite die URL von favicon übersetzt zu: Ссылка und zweitens Ссылка .

also besser verwenden

%Vor%     
Benjamin Keller 09.08.2017 08:57
quelle
3

Fügen Sie dies zum Ordner "Assets" hinzu

%Vor%

Und dann das Favicon als

%Vor%     
Rahul Singh 22.08.2017 15:37
quelle
3

Deine erste Konfiguration ist in Ordnung. Ich habe genau das gleiche Verhalten wie im Internet Explorer 11. Auch nach dem Entfernen von Cache usw. In FireFox ändert sich das Symbol überhaupt nicht. Habe nicht versucht, den Cache und den Verlauf zu löschen, da es mein primärer Browser ist. In Chrome funktioniert es gut. Yeey Chrome.

Ich nehme an, Sie verwenden den Internet Explorer und den Internet Explorer, der den Cache in Windows speichert. Sie können windows "Disk Cleanup" verwenden (ich bin mir nicht sicher, ob ich es richtig übersetzt habe), um diesen Cache zu säubern. Danach wurde das Problem gelöst.

Link für Windows 10

>

TLDR funktioniert gut. Es ist nur ein Caching-Problem.

    
Robin Dijkhof 22.08.2017 21:23
quelle
3

Ich hatte ein ähnliches Problem und musste einen absoluten Pfad für Favicon verwenden. Sie können versuchen, einen absoluten Pfad zu Ihrer Anwendung (oder einem dedizierten Inhaltsserver / CDN) zu verwenden.

Es wäre hilfreich, auch zu zeigen, was sich unter dem App-Ordner befindet, damit wir sehen können, wie die / maintenance- und / maintenance / colours-Pfade aufgelöst werden (sind das Ordnerpfade? angular routing?). In jedem Fall wäre ein absoluter Pfad die einfachste Lösung, um produktivere Dinge zu erreichen.

    
mchan 28.08.2017 20:15
quelle
2

Soviel ich von Ihrer Ordnerstruktur sehen kann, befindet sich Ihre angular-cli.json im root-Ordner, so dass der Verweis auf favicon-16x16.png in all diesen Fällen nicht als "favicon-16x16.png" funktioniert sei das Problem, dass es auf der Root-Site arbeitet, aber nicht auf Unterverzeichnisse funktioniert, stattdessen versuche es so:

%Vor%

Und in deiner href des Links add / before favicon-16x16.png sieht es so aus:

%Vor%

Das Problem ist vielleicht gar nicht hier, es könnte sein, dass Sie etwas anderen Code geschrieben haben, versuchen Sie ein paar Schritte zurück in den Code zu schauen, wo andere Dinge aufgerufen werden und sehen Sie, ob da einige logische Probleme sind Funktion oder ein Teil des Codes, der ausgeführt werden muss, wird überhaupt nicht aufgerufen. (und ich vermute, Sie haben keine Synthax Probleme oder Fehler, da das Programm selbst funktioniert)

    
MirzaS 29.08.2017 08:24
quelle
1

Bedenken Sie, dass Favicons immer stark zwischengespeichert werden. Selbst das erneute Laden des Fensters mit Cache-Reinigung hilft möglicherweise nicht. Versuchen Sie, einen Fail-Parameter zum Favicon-Pfad hinzuzufügen, zum Beispiel:

%Vor%     
Mike Kovetsky 29.08.2017 11:12
quelle
0

Von @KingpinEX Antwort, ich habe separate Favicon für normale URL und relative URL hinzufügen

%Vor%

Nachdem diese hinzugefügt wurden, habe ich die Aktualisierung für den Browser erzwungen. Alles funktioniert großartig.

    
Ramesh Rajendran 30.08.2017 05:23
quelle

Tags und Links