静态文件夹的精简路径

Question

我使用 Sveltekit 并将一些图像放在我的静态文件夹中。静态 > 图像 > image1.png 等。

在源代码 src 中，我有一个名为 lib 的文件夹，在 lib 内有一个名为 components 的文件夹，其中有一个文件 Footer.svelte。在该文件中，我想引用我的 image1（其绝对路径为 ~/myapp/static/images/image1.png。即使我尝试此路径，它也会引发错误。

所以： src > lib > components > Footer.svelte

static > images > image1.png

src 和 static 都在 myapp 的根目录中。

而我的Footer.svelte 中的这一行： import Image from '~/myapp/static/images/image1.png';

我的Footer.svelte 中用于抓取image1.png 的正确行是什么？

见问题描述。

Answer 1

static 中的文件不应该被导入，它们应该是 直接在应用程序的根目录上作为静态文件提供，因此您可以将它们引用为：

<img src="/images/image1.png" />

如果要导入图像，请将其放入 src/lib 并通过以下方式从那里导入：

import Image from '$lib/.../image1.png';