Как использовать локальные статические изображения в Svelte

Question

Я следовал учебнику (https://svelte.dev/tutorial/dynamic-attributes) для импорта локальных файлов изображений. Но он не работал. Изображение не было найдено в приложении.

Где мне нужно найти этиизображений, чтобы заставить его работать как в учебнике?

let src = './images/background.jpg'
.
.
.
<img {src} alt="background image" />

Браузер показал изображение не найдено.

Answer 1

Поместите папку с изображениями в общую папку, а затем укажите следующую ссылку:

<img src="images/background.jpg" alt="background image" />

Или

let src = "images/background.jpg";
.
.
.

<img {src} alt="background image" />

Answer 2

Ссылки на локальные изображения, которые вы будете использовать, должны указываться относительно файла index.html в общедоступной папке.Так что в вашем случае:

let src = './images/background.jpg'

background.jpg должен находиться в папке с именем images в папке public.

Вы можете простоссылаться на него как let src = 'images/background.jpg'