Problem mit statischer Ressourcenbelastung für Angular 18 Bilder

Kleiner Abschaum · Veröffentlicht am 23.07.2024 08:47:59

Anforderungen: Ich habe ein v18-Projekt mit angular-cli erstellt, den Ordner src/assets manuell erstellt und ein Image eingefügt, festgestellt, dass darauf nicht zugegriffen werden konnte, und einen 404-Fehler gemeldet.

Dateipfad:SRC/Assets/test.png
IMG-Code:<img src="assets/test.png">

Eine Online-Suche ergab, dass sich die Dateistruktur der Version v18 geändert hat, wie in der untenstehenden Abbildung dargestellt:

D:\360Downloads>tree ng17
Die Ordner-PATH-Liste für das Volume Data
Die Seriennummer des Volumens lautet AA1B-3F2F
D:\360DOWNLOADS\NG17
├─.vscode
└─src
├─app
└─Vermögenswerte

D:\360Downloads>tree ng18
Die Ordner-PATH-Liste für das Volume Data
Die Seriennummer des Volumens lautet AA1B-3F2F
D:\360DOWNLOADS\NG18
├─.vscode
├─öffentlich
└─src
└─app

Ich habe sie mit Angular CLI: 18.1.1 bzw. Angular CLI: 17.3.8 neu erstellt, und der Befehl lautet wie folgt:

Login ist sichtbar.

Ich habe festgestellt, dass die Version v18 nicht mehr den Assets-Ordner hat, sondern den öffentlichen Ordner.

Lösung

Schneide den Assets-Ordner in den öffentlichen Ordner aus.

Referenz:

Der Hyperlink-Login ist sichtbar.
Der Hyperlink-Login ist sichtbar.

[Kantig] Problem mit statischer Ressourcenbelastung für Angular 18 Bilder

Verwandte Beiträge

Betrachtete Abschnitte