带有适配器静态的 SvelteKit 在标记中的 <img> 路径处引发错误 > 404

Question

img 中的src 属性使用绝对路径：

<script>
    let herbURL = '/media/events/odessa/gerb.png',
</script>

<img src={thumbURL} />

虽然npm run dev 工作正常，但npm run build 抛出错误：

> 404 /media/events/odessa/gerb.png (linked from /)
Error: 404

但是当我将 media 文件夹移动到 buildfolder 中时，构建也可以正常工作。

问题仅在于img 标签中src 属性的路径：adapter-static 出于某种原因找不到它们（尽管他确实在 css 中的background url 中看到了图像）。

如何解决这个问题？

Answer 1

解决方案是不要将资产放入root，而是放入static 文件夹！所以media文件夹例如应该在static/media中。