在 Sapper/Svelte 中加载图像

Question

我是运行一个简单的博客代码。要加载图像，我使用

<script>
import cactus from 'images/cactus.jpg';
  import PostList from '@/components/PostList.svelte'
  import {posts} from '@/posts'

</script>

问题是图像永远不会从 /static/images 加载，但只有在 /src/node_modules/images

内

这会导致部署出现各种问题。在本地执行导出不是问题，但远程部署将失败，因为 /src/node_modules/images 可能处于 git 忽略状态。

如何从 /static/images 加载图像？

Answer 1

将您的图片放在 ./static 文件夹中，例如，您想在您的页面上使用它们

<img src="./logo-512.png" alt="" />

logo-512.png 是您的 sapper 模板的默认设置（尝试这样做）

如果您在 ./static/images/ 中组织图像，那么请执行此操作

<img src="./static/images/image.jpg" alt="" /> 这行得通。

Loading an Image in Sapper/Svelte