为啥 Svelte 无法识别 images 文件夹？

Posted 2023-03-28

【中文标题】为啥 Svelte 无法识别 images 文件夹？

【英文标题】：Why can't Svelte recognize the images folder?为什么 Svelte 无法识别 images 文件夹？

【发布时间】：2022-01-10 09:59:26

【问题描述】：

我有一个 Svelte 项目。

我想在网站中添加图片。图像存储在“src”文件夹中的“images”文件夹中。但是当我在“src/components”中的组件中键入以下代码时，图像不会出现。

<img src="pic.svg"  />

这是文件夹结构的图片： 为什么它不起作用？

【问题讨论】：

文件夹结构的pap

@SherifSalah 什么？

发布您的文件夹结构的图片。

@SherifSalah 我刚刚发布了文件夹结构的图片

【参考方案1】：

src 文件夹不在最终版本中提供。您需要将images 文件夹放在public 文件夹中。然后，您将能够使用您的图像，例如：

<img src="images/pic.svg"  />

【讨论】：

我把它移到了一个静态文件夹，但还是不行

@niyojet344 刚刚尝试使用 sveltekit v1.0.0-next.174，效果很好。 static 文件夹应该在项目的根目录下，而不是在 src 中。

@niyojet344 不确定我是否可以将 sveltekit 添加到现有的 svelte 应用程序中

@niyojet344 抱歉，我错过了阅读您的问题并以为您使用的是 sveltekit。对于一个苗条的项目，您需要将静态内容放在要提供的public 文件夹中。我更新了我的答案。

【参考方案2】：

将 static 文件夹移动到 public 文件夹内，以便访问