Question

这是我的第一个问题。我正在做我的第一个真实站点。（经过几个月的学习，没有“纱线堆积” ..）答案当然很明显，但是我在互联网上找不到任何答案。

在开发中，我以这种方式导入图像：

import greg from 'src/assets/image/Grincheux.png';

然后我以这种方式使用它：

<img className="photo_greg" alt="" src={greg} />

到目前为止，一切都很好，通过“纱线启动”，我可以看到我的图像出现。但是当我上线时，在完成“纱线构建”后，图像不再存在。

我了解图像路径已被修改，但是我不了解“内部版本”不会修改组件的路径。

我试图直接从“ DIST”放置路径，但我知道它是无用的....? 你能告诉我我错过了什么吗？

（关于互联网创建的信息很多，但在线和这些陷阱……?）

非常感谢

Answer 1

我不确定，但是您可以尝试使用相对路径而不是绝对路径。

 // Instead of absloute path
import greg from 'src/assets/image/Grincheux.png';

// Use relative path depending on your folder structure. "../../" is for example,
// you should replace according to your folder structure
import greg from '../../image/Grincheux.png';

Answer 2

我刚刚发现我的问题是一页路由，所以当我“纱线构建”时，该页面图像的路径仅不起作用。我不知道为什么，但是无论如何错误都来自这里。我希望它可以帮助像我这样的人。

WRONG : <li><NavLink to="***advice-sheet/***about" title="Notre vision">Notre vision</NavLink></li>



Right : <li><NavLink to="/about" title="Notre vision">Notre vision</NavLink></li>

图像出现在开发中，但没有出现在“反应”中

2 个答案: