Angular 18-bilde statisk ressurslastingsproblem

Lille skurk · Publisert på 23.07.2024 08:47:59

Krav: Jeg opprettet et v18-prosjekt med angular-cli, opprettet manuelt src/assets-mappen og la inn et bilde, og oppdaget at det ikke kunne nås, og rapporterte en 404-feil.

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

Et nettbasert søk viste at filstrukturen til v18-versjonen har endret seg, som vist i figuren nedenfor:

D:\360Downloads>tree ng17
Mappen PATH-listen for volumet Data
Volumets serienummer er AA1B-3F2F
D:\360DOWNLOADS\NG17
├─.vscode
└─src
├─app
└─ eiendeler

D:\360Downloads>tree ng18
Mappen PATH-listen for volumet Data
Volumets serienummer er AA1B-3F2F
D:\360DOWNLOADS\NG18
├─.vscode
├─offentlig
└─src
└─app

Jeg gjenskapte dem med henholdsvis Angular CLI: 18.1.1, Angular CLI: 17.3.8, og kommandoen er som følger:

Innlogging er synlig.

Jeg oppdaget at v18-versjonen ikke lenger har assets-mappen, men public-mappen.

løsning

Klipp assets-mappen til den offentlige mappen.

Referanse:

Innloggingen med hyperkoblingen er synlig.
Innloggingen med hyperkoblingen er synlig.

[Kantet] Angular 18-bilde statisk ressurslastingsproblem

Relaterte innlegg

Seksjoner sett