Szöges 18 kép statikus erőforrás-betöltési probléma

Kis szemét · Közzétéve 2024. 07. 23. 8:47:59

Követelmények: Létrehoztam egy v18 projektet angular-cli-val, kézzel hoztam létre az src/assets mappát, beírtam egy képet, de azt találtam, hogy nem volt elérhető, és 404 hibát jelentettem.

Fájlút:src/assets/test.png
IMG kód:<img src="assets/test.png">

Egy online keresés szerint a v18 verzió fájlszerkezete megváltozott, ahogy az alábbi ábrán látható:

D:\360Downloads>tree ng17
A PATH mappa a Data kötethez
A kötet sorozatszáma: AA1B-3F2F
D:\360DOWNLOADS\NG17
├─.vscode
└─src
├─app
└─assets

D:\360Downloads>tree ng18
A PATH mappa a Data kötethez
A kötet sorozatszáma: AA1B-3F2F
D:\360DOWNLOADS\NG18
├─.vscode
├─Nyilvános
└─src
└─app

Újraalkottam őket Angular CLI: 18.1.1, Angular CLI: 17.3.8 verziókkal, és a parancs a következő:

A bejelentkezés látható.

Azt tapasztaltam, hogy a v18 verzióban már nincs az asset mappa, hanem a nyilvános mappa.

megoldás

Vágd az asset mappát a nyilvános mappába.

Utalás:

A hiperlink bejelentkezés látható.
A hiperlink bejelentkezés látható.

[Szöglet] Szöges 18 kép statikus erőforrás-betöltési probléma

Kapcsolódó bejegyzések

Megtekintett szakaszok