Angular 18-billede statisk ressourceindlæsningsproblem

Lille skarn · Opslået på 23/07/2024 08.47.59

Krav: Jeg oprettede et v18-projekt med angular-cli, oprettede manuelt src/assets-mappen og lagde et billede ind, og fandt ud af, at det ikke kunne tilgås, og rapporterede en 404-fejl.

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

En online søgning viste, at filstrukturen i v18-versionen er ændret, som vist i figuren nedenfor:

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

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

Jeg genskabte dem ved hjælp af henholdsvis Angular CLI: 18.1.1, Angular CLI: 17.3.8, og kommandoen er som følger:

Login er synlig.

Jeg fandt ud af, at v18-versionen ikke længere har assets-mappen, men public-mappen.

opløsning

Klip assets-mappen til public-mappen.

Henvisning:

Hyperlink-login er synlig.
Hyperlink-login er synlig.

[Kantet] Angular 18-billede statisk ressourceindlæsningsproblem

Relaterede indlæg

Afsnit set