在 Sapper/Svelte 中加载图像

问题描述

我正在为一个博客运行一个简单的代码。 加载我使用的图像

<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 ignore 中。

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

解决方法

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

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

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

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

<img src="./static/images/image.jpg" alt="" /> 这会起作用。