Problem z statycznym ładowaniem zasobów na obrazie Angular 18

Mały śmiecie · Opublikowano 23.07.2024 08:47:59

Wymagania: Stworzyłem projekt v18 używając angular-cli, ręcznie utworzyłem folder src/asset, włożyłem obraz, ale okazało się, że nie można do niego uzyskać dostępu, a zgłosiłem błąd 404.

Ścieżka pliku:src/assets/test.png
Kod IMG:<img src="zasoby/test.png">

Wyszukiwanie w internecie wykazało, że struktura plików wersji v18 uległa zmianie, co widać na poniższym rysunku:

D:\360Downloads>tree ng17
Lista PATH folderu dla woluminu Data
Numer seryjny woluminu to AA1B-3F2F
D:\360DOWNLOADS\NG17
├─.vscode
└─src
├─app
└─Zasoby

D:\360Downloads>tree ng18
Lista PATH folderu dla woluminu Data
Numer seryjny woluminu to AA1B-3F2F
D:\360DOWNLOADS\NG18
├─.vscode
├─publicznie
└─src
└─app

Odtworzyłem je odpowiednio za pomocą Angular CLI: 18.1.1, Angular CLI: 17.3.8, a polecenie wygląda następująco:

Logowanie jest widoczne.

Zauważyłem, że wersja v18 nie ma już folderu assets, tylko folder publiczny.

rozwiązanie

Przypiąć folder zasobów do folderu publicznego.

Odniesienie:

Logowanie do linku jest widoczne.
Logowanie do linku jest widoczne.

[Angular] Problem z statycznym ładowaniem zasobów na obrazie Angular 18

Powiązane wpisy

Oglądane sekcje