如何解决轮播的图片路径问题

Question

我在公共场所有一个名为“ images”的图像文件夹，在src中有一个名为fold的折叠文件夹。我试图定义图像的路径，但没有显示。

我试图参考如下所示的路径。

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'
  }
];

我希望图像能够显示

Answer 1

/public在构建反应代码时将很有价值。

所以请尝试在开发时将其删除

Answer 2

谢谢，很抱歉打扰大家。我后来解决了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'
  }
];