Html 如何解决旋转木马的图像路径问题

我有一个名为“images”的公开图像文件夹和一个名为src的折叠组件。我试图定义图像的路径，但没有显示任何图像

我已尝试参考如下所示的路径

const items = [
  {
    src: '/public/images/fraction-slider/fraction_6.png',
    altText: 'Slide 1',
    caption: 'Slide 1'
  },
  {
    src: '/public/images/fraction-slider/fraction_2.png',
    altText: 'Slide 2',
    caption: 'Slide 2'
  },
  {
    src: '/public/images/fraction-slider/build.png',
    altText: 'Slide 3',
    caption: 'Slide 3'
  }
];

---

我希望在构建react代码时，显示的图像将非常有价值

---

因此，请在开发时尝试将其删除

/public

将在生成react代码时非常有用

---

所以请在开发时尝试删除它

谢谢，很抱歉打扰大家。我后来修复了src:'./images的问题

const items = [
  {
    src: './images/fraction-slider/fraction_6.png',
    altText: 'Slide 1',
    caption: 'Slide 1'
  },
  {
    src: './images/fraction-slider/fraction_2.png',
    altText: 'Slide 2',
    caption: 'Slide 2'
  },
  {
    src: './images/fraction-slider/build.png',
    altText: 'Slide 3',
    caption: 'Slide 3'
  }
];

---

谢谢，很抱歉打扰大家。我后来修复了src:'./images的问题

const items = [
  {
    src: './images/fraction-slider/fraction_6.png',
    altText: 'Slide 1',
    caption: 'Slide 1'
  },
  {
    src: './images/fraction-slider/fraction_2.png',
    altText: 'Slide 2',
    caption: 'Slide 2'
  },
  {
    src: './images/fraction-slider/build.png',
    altText: 'Slide 3',
    caption: 'Slide 3'
  }
];

---

/public

将在生成react代码时非常有用谢谢我通过删除“/public”修复了它，所以我有“/images/fraction slider/.png”

/public

将在生成react代码时非常有用谢谢我通过删除“/public”修复了它，所以我有“/images/fraction slider/.png”