React找不到图像

时间:2016-08-02 20:11:54

标签: javascript reactjs

我试图显示图片,但尽管服务于其中包含的文件夹404s。

JSX文件:

IDE

在server.js中:

render: function(){
...
return
<button type="button" id="powerButton" onClick={this.someFun}><img src="images/power.png"></img></button>

1 个答案:

答案 0 :(得分:0)

看起来你的应用程序是从“ __ dirname +'/ images ”提供的,所以img将从 __ dirname +'/ images / images / power.png <中加载/ em>是。您应该将express.static路径更改为指向应用程序的根目录(在您的情况下,它可能只是__dirname,但通常像index.html这样的内容会进入公共文件夹,其中包含images目录)