我遇到了这个奇怪的错误，我无法识别目录中文件夹中的图像。调试后，在Network标签中，出现Cannot GET /images/myImage.png错误。
但是，如果我将来自网络的随机链接放在src的{{1}}属性中，那么它将起作用（显示图像）。
为什么会这样，我该如何解决？
img答案 0 :(得分：0)
图像src不会传输到捆绑代码的地方。
当您指定外部src之类的https://bulma.io/images/placeholders/640x480.png时，您拥有的完整URL并不取决于您的本地文件结构，这将始终起作用。
在诸如../../images/myImage.png之类的相对路径的情况下，这意味着您的应用程序应在名为image的文件夹中查找以上2级。
源与您的组件文件位置无关。在所有模块都存在的最终js文件中，src相同，并且为../../images/myImage.png，因此它将相对于当前url而不是文件系统。
例如，要解决此问题，可以根据应用在服务器中的放置位置，使用诸如/app/images/myImage.png之类的绝对路径。
如果您使用的是Webpack，则可以相对于组件文件要求图像，例如
<img src={require('../../images/myImage.png')} />
在这种情况下，您的图片文件将像js模块一样被导入，并且取决于webpack的配置，是否可以将其传输为base64字符串。