Angular 18 görüntü statik kaynak yükleme sorunu

Küçük · Yayınlandı 23.07.2024 08:47:59

Gereksinimler: Angular-cli kullanarak bir v18 projesi oluşturdum, src/assets klasörünü manuel olarak oluşturdum ve bir görüntü ekledim, erişilemediğini fark ettim ve 404 hatası bildirdim.

Dosya Yolu:src/assets/test.png
IMG kodu:<img src="assets/test.png">

Çevrimiçi bir arama, aşağıdaki şekilde gösterildiği gibi v18 sürümünün dosya yapısının değiştiğini ortaya koydu:

D:\360Downloads>tree ng17
Volume Data için klasör PATH listesi
Hacim seri numarası AA1B-3F2F'dir.
D:\360DOWNLOADS\NG17
├─.vscode
└─src
├─app
└─assets

D:\360Downloads>tree ng18
Volume Data için klasör PATH listesi
Hacim seri numarası AA1B-3F2F'dir.
D:\360DOWNLOADS\NG18
├─.vscode
├─Halk
└─src
└─app

Bunları sırasıyla Angular CLI: 18.1.1 ve Angular CLI: 17.3.8 kullanarak yeniden oluşturdum ve komut şöyle:

Giriş görünür.

V18 sürümünde artık assets klasörü değil, halka açık klasör var.

çözüm

Varlıklar klasörünü genel klasöre kuşağa koyun.

Referans:

Bağlantı girişi görünür.
Bağlantı girişi görünür.

[Angular] Angular 18 görüntü statik kaynak yükleme sorunu

İlgili Yazılar

Görüntülenen bölümler