Angular 18-image statische resource-laadprobleem

Klein tuig · Geplaatst op 23-07-2024 08:47:59

Vereisten: Ik heb een v18-project aangemaakt met angular-cli, handmatig de src/assets-map aangemaakt en een image toegevoegd, en ontdekte dat deze niet toegankelijk was, en een 404-fout gemeld.

Bestandspad:SRC/assets/test.png
IMG-code:<img src="assets/test.png">

Een online zoekopdracht toonde aan dat de bestandsstructuur van de versie v18 is veranderd, zoals te zien is in de onderstaande figuur:

D:\360Downloads>tree ng17
De map PATH-lijst voor het volume Data
Het volumeserienummer is AA1B-3F2F
D:\360DOWNLOADS\NG17
├─.vscode
└─src
├─app
└─assets

D:\360Downloads>tree ng18
De map PATH-lijst voor het volume Data
Het volumeserienummer is AA1B-3F2F
D:\360DOWNLOADS\NG18
├─.vscode
├─publiek
└─src
└─app

Ik heb ze opnieuw gemaakt met respectievelijk Angular CLI: 18.1.1 en Angular CLI: 17.3.8, en het commando is als volgt:

Inloggen is zichtbaar.

Ik ontdekte dat de v18-versie niet langer de assets-map heeft, maar de publieke map.

oplossing

Knip de mappen met assets naar de publieke map.

Referentie:

De hyperlink-login is zichtbaar.
De hyperlink-login is zichtbaar.

[Angular] Angular 18-image statische resource-laadprobleem

Gerelateerde berichten

Secties bekeken