Masalah pemuatan sumber daya statis gambar Angular 18

Sampah kecil · Diposting pada 23/07/2024 08.47.59

Persyaratan: Saya membuat proyek v18 menggunakan angular-cli, membuat folder src/assets secara manual, dan memasukkan gambar, dan menemukan bahwa itu tidak dapat diakses, dan melaporkan kesalahan 404.

Jalur file:src/aset/test.png
Kode IMG:<img src="aset/test.png">

Pencarian online menemukan bahwa struktur file versi v18 telah berubah, seperti yang ditunjukkan pada gambar di bawah ini:

D:\360Downloads>tree ng17
Daftar folder PATH untuk volume Data
Nomor seri volumenya adalah AA1B-3F2F
D:\360DOWNLOADS\NG17
├─.kode vs.
└─src
├─Aplikasi
└─aset

D:\360Downloads>tree ng18
Daftar folder PATH untuk volume Data
Nomor seri volumenya adalah AA1B-3F2F
D:\360DOWNLOADS\NG18
├─.kode vs.
├─publik
└─src
└─Aplikasi

Saya membuatnya ulang menggunakan Angular CLI: 18.1.1, Angular CLI: 17.3.8 masing-masing, dan perintahnya adalah sebagai berikut:

Login terlihat.

Saya menemukan bahwa versi v18 tidak lagi memiliki folder aset, tetapi folder publik.

larutan

Klip folder aset ke folder publik.

Referensi:

Login hyperlink terlihat.
Login hyperlink terlihat.

[Sudut] Masalah pemuatan sumber daya statis gambar Angular 18

Pos terkait

Bagian yang dilihat