svelte - 如何在 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" />