【问题标题】: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" alt="Pic Name" />

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

【问题讨论】:

  • 文件夹结构的pap
  • @SherifSalah 什么?
  • 发布您的文件夹结构的图片。
  • @SherifSalah 我刚刚发布了文件夹结构的图片

标签: html image svg svelte


【解决方案1】:

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

<img src="images/pic.svg" alt="Pic Name" />

【讨论】:

  • 我把它移到了一个静态文件夹,但还是不行
  • @niyojet344 刚刚尝试使用 sveltekit v1.0.0-next.174,效果很好。 static 文件夹应该在项目的根目录下,而不是在 src 中。
  • @niyojet344 不确定我是否可以将 sveltekit 添加到现有的 svelte 应用程序中
  • @niyojet344 抱歉,我错过了阅读您的问题并以为您使用的是 sveltekit。对于一个苗条的项目,您需要将静态内容放在要提供的public 文件夹中。我更新了我的答案。
【解决方案2】:

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

【讨论】:

    猜你喜欢
    • 2020-10-11
    • 1970-01-01
    • 2021-04-01
    • 2016-06-03
    • 2021-12-10
    • 1970-01-01
    • 2019-09-02
    • 2015-04-03
    • 2020-10-13
    相关资源
    最近更新 更多