Problem med statisk resursladdning för Angular 18 bilder

Lilla avskum · Publicerad på 2024-07-23 08:47:59

Krav: Jag skapade ett v18-projekt med angular-cli, skapade manuellt mappen src/assets och lade in en bild, upptäckte att den inte kunde nås och rapporterade ett 404-fel.

Filväg:SRC/tillgångar/test.png
IMG-kod:<img src="assets/test.png">

En onlinesökning visade att filstrukturen för v18-versionen har ändrats, som visas i figuren nedan:

D:\360Downloads>tree ng17
Mappens PATH-lista för volymen Data
Volymens serienummer är AA1B-3F2F
D:\360DOWNLOADS\NG17
├─.vscode
└─src
├─app
└─tillgångar

D:\360Downloads>tree ng18
Mappens PATH-lista för volymen Data
Volymens serienummer är AA1B-3F2F
D:\360DOWNLOADS\NG18
├─.vscode
├─offentlig
└─src
└─app

Jag återskapade dem med Angular CLI: 18.1.1, Angular CLI: 17.3.8 respektive, och kommandot är följande:

Inloggningen är synlig.

Jag upptäckte att v18-versionen inte längre har mapparna med tillgångar, utan den publika mappen.

lösning

Klipp mappen med tillgångar till den publika mappen.

Hänvisning:

Inloggningen med hyperlänken är synlig.
Inloggningen med hyperlänken är synlig.

[Kantig] Problem med statisk resursladdning för Angular 18 bilder

Relaterade inlägg

Avsnitt som ses