图像不显示在 react-vs-timeline 中

Posted 2023-05-08

【中文标题】图像不显示在 react-vs-timeline 中

【英文标题】：Images are not displayed into the react-vs-timeline

【发布时间】：2019-10-01 01:22:42

【问题描述】：

以下是 react-visjs-timeline 的代码沙箱 URL。

一旦运行 URL，它将显示带有图像的时间线。 Timeline with images 它只显示显示的第一张图片，其余两张由于提供了相对的 URL 而没有显示。

谁能告诉我为什么第二个和第三个 URL 没有显示图像以及如何显示工具提示。

谢谢

【问题讨论】：

请将您的图像移动到公共文件夹，它将起作用。 codesandbox.io/s/oov7xlnzyq。您输入的路径是相对于 public 的 index.html 而不是组件 jsx。

【参考方案1】：

我看到您使用 src 文件夹来存储图像。您必须使用 src 文件夹来托管您的 css 和 js 文件 - 而不是图像 - 以便让 Webpack 可以访问它们。否则，Webpack 看不到它们。

在您的情况下，您可以使用 index.html 直接访问的公用文件夹。