Javascript 使用react时我的img src出错,照片未显示

Javascript 使用react时我的img src出错,照片未显示,javascript,reactjs,image,src,Javascript,Reactjs,Image,Src,我一直很难在我的网站上渲染图像。我尝试了几种返回img src的方法,例如: 1. <img src={require('../../blogPostImages/' + post.blogImage)} alt="Post Image"/> 2. <img src={require(`../../blogPostImages/${post.blogImage}`)} alt="Post Image" />

我一直很难在我的网站上渲染图像。我尝试了几种返回img src的方法,例如:

    1. <img src={require('../../blogPostImages/' + post.blogImage)} 
alt="Post Image"/>
    2. <img src={require(`../../blogPostImages/${post.blogImage}`)} alt="Post Image" />
    3.<img src={'../../blogPostImages/' + post.blogImage'} /> 
1。
2.
3.
我以前也遇到过类似的问题,我导入了文件顶部的图像,效果很好。这次我试着做同样的事情,但没有效果。这就是我试图导入的内容: 从“..//blogPostImages/”+post.blogImage导入Img; 并将导入返回为:

我觉得我的目录是正确的,我现在在我的blogPost>index.js中试图访问我的blogPost图像。感谢您在advanced中的帮助!

将导入返回为*:它应该始终有效。尝试此..而不是.././blogPostImages/${post.blogImage})}alt=“post Image”/>尝试使用..path to Image)}alt=“post Image”/>`如果它工作,那么您的路径有问题。@rahulkumar刚刚尝试过,但没有工作。图像的..路径出现语法错误,这意味着您的路径不正确。请尝试在控制台
。/../blogPostImages/'+post.blogImage
上记录它,然后查看它是否与您的路径匹配