Angular 18 -kuvan staattinen resurssilatausongelma

Pikku roisto · Julkaistu 23.7.2024 8.47.59

Vaatimukset: Loin v18-projektin angular-cli:llä, loin manuaalisesti src/assets-kansion, lisäsin kuvan, mutta huomasin, ettei siihen päässyt käsiksi, ja ilmoitin 404-virheen.

Tiedostopolku:src/assets/test.png
IMG-koodi:<img src="assets/test.png">

Verkkohaku osoitti, että v18-version tiedostorakenne on muuttunut, kuten alla olevassa kuvassa näkyy:

D:\360Downloads>tree ng17
Kansion PATH-lista volyymille Data
Tilavuuden sarjanumero on AA1B-3F2F
D:\360DOWNLOADS\NG17
├─.vscode
└─src
├─app
└─assets

D:\360Downloads>tree ng18
Kansion PATH-lista volyymille Data
Tilavuuden sarjanumero on AA1B-3F2F
D:\360DOWNLOADS\NG18
├─.vscode
├─julkinen
└─src
└─app

Loin ne uudelleen käyttämällä Angular CLI: 18.1.1 ja Angular CLI: 17.3.8, ja komento on seuraava:

Kirjautuminen näkyy.

Huomasin, että v18-versiossa ei enää ole asset-kansiota, vaan julkista kansiota.

ratkaisu

Leikkaa asset-kansio julkiseen kansioon.

Viittaus:

Hyperlinkin kirjautuminen on näkyvissä.
Hyperlinkin kirjautuminen on näkyvissä.

[Angular] Angular 18 -kuvan staattinen resurssilatausongelma

Aiheeseen liittyvät julkaisut

Katsotut osuudet