SvelteKit中组件引用static目录图片的正确路径咨询

SvelteKit的static目录用于存放静态资源，这些资源会直接映射到项目部署后的根路径，不需要通过import语句引入，直接使用站点根相对路径即可。

1. 直接在img标签中使用 #

在Footer.svelte里，直接将图片路径设为/images/image1.png：

<img src="/images/image1.png" alt="图片描述" />

这里的/对应项目根路径，SvelteKit会自动关联static目录下的images/image1.png资源。

2. 动态路径场景 #

如果需要用变量存储路径，直接定义字符串路径即可：

<script>
  const footerImage = '/images/image1.png';
</script>

<img src={footerImage} alt="图片描述" />

原import语句报错的原因 #

import用于加载src目录内的模块、组件或Vite处理的资源（比如src/lib/assets下的图片），而static目录下的资源不属于模块系统范畴，因此不能用import方式加载。

内容的提问来源于stack exchange，提问作者user19674442