Проблема статичного навантаження ресурсів Angular 18 зображень

Маленька покидька · Опубліковано 23.07.2024 08:47:59

Вимоги: Я створив проєкт v18 за допомогою angular-cli, вручну створив папку src/assets, вставив зображення, але виявив, що доступ неможливо, і повідомив про помилку 404.

Шлях до файлу:src/assets/test.png
IMG-код:<img src="assets/test.png">

Онлайн-пошук показав, що структура файлів версії v18 змінилася, як показано на рисунку нижче:

D:\360Downloads>tree ng17
Список PATH папки для об'ємних даних
Серійний номер тому — AA1B-3F2F
D:\360DOWNLOADS\NG17
├─.vscode
└─src
├─app
└─активи

D:\360Downloads>tree ng18
Список PATH папки для об'ємних даних
Серійний номер тому — AA1B-3F2F
D:\360DOWNLOADS\NG18
├─.vscode
├─public
└─src
└─app

Я відтворив їх за допомогою Angular CLI: 18.1.1, Angular CLI: 17.3.8 відповідно, і команда звучить так:

Вхід видно.

Я виявив, що у версії v18 більше немає папки assets, а є публічна папка.

рішення

Обрізати папку з активами у публічну папку.

Посилання:

Вхід за гіперпосиланням видно.
Вхід за гіперпосиланням видно.

[Кутовий голос] Проблема статичного навантаження ресурсів Angular 18 зображень

Пов'язані дописи

Переглянуті розділи