Почему Svelte не может распознать папку с изображениями?

#html #image #svg #svelte

#HTML #изображение #svg #стройная

Вопрос:

У меня есть Стройный проект.

Я хочу добавить изображения на веб-сайт. Изображения хранятся в папке «изображения» в папке «src». Но когда я набираю приведенный ниже код в компоненте, который находится в разделе «src/компоненты», изображения не отображаются.

 lt;img src="pic.svg" alt="Pic Name" /gt;

Вот изображение структуры папок: Почему это не работает?

Ответ №1:

src Папка не отображается в окончательной сборке. Вам нужно будет поместить свою images папку в public одну из них. Затем вы сможете использовать свои изображения, такие как:

 lt;img src="images/pic.svg" alt="Pic Name" /gt;

1. Я переместил его в статическую папку, но он все равно не работал

2. @niyojet344 Только что попробовал использовать sveltekit, v1.0.0-next.174 и он хорошо работает. static Папка должна находиться в корне вашего проекта, а не в src нем .

3. @niyojet344 не уверен, могу ли я добавить sveltekit в уже существующее приложение svelte

4. @niyojet344 Извините, я пропустил-прочитал ваш вопрос и подумал, что вы используете sveltekit. С помощью стройного проекта вам нужно поместить свой статический контент в public папку, которая будет обслуживаться. Я обновил свой ответ.

Ответ №2:

Переместите static папку внутрь public папки, чтобы она была доступна