Reactjs 未加载图像，但路径正确

下面是我现在的文件结构

我在Move.jsx文件中，有一行代码：

<img src="../images/attack.png" />

---

您需要使用

静态路径/2

辅助功能。你应该能够使用

<img src="<$= static_path(@conn, "/images/attack.png") %>" />

“/>

---

您可以查看一下

模板/layout/app.html.eex

，它应该有一些类似于您的css和javascript文件的内容。

结果是，出于某种原因，我不得不手动将我的图像从/static/images复制到/priv/static/images，它没有自动为我复制

---

谢谢大家的帮助！

您正在向我们展示源文件的目录结构，而不是生成的包的目录结构。重要的是

\u build

文件夹中的内容。@Sulthan我从来没有查看过

\u build

文件夹。您能给我一些建议吗？那

。

已经执行了相对于基本URL已删除。服务器不知道有关文件夹的信息。您可以看到最终URL为

http://localhost:4000/images/attack.png

，这可能意味着

\u build/images/attack.png

。您应该确保正确复制资产以进行构建。您应该有类似Webpack的东西来打包所有文件。Y您可以使用ES6导入语法使用Webpack加载图像，或者让Webpack/Gulp将图像转储到

img

文件夹中，如所述@Sulthan@Sulthan我不知道我必须将图像复制到_build文件夹中。我不知道我应该触摸_build文件夹。这是怎么回事通常是这样吗？

<img src="<$= static_path(@conn, "/images/attack.png") %>" />