2016-08-02 64 views
0

我试图显示一个图像,但尽管服务该文件夹中包含它的404s。React找不到图像

JSX文件:

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

var express = require('express'); 
var app = express(); 
app.use(express.static(__dirname + '/images')); 

回答

0

它看起来像你的应用程序正在从服务 “__dirname +“/图像”,所以IMG会从任何装载__dirname +'/images/images/power.png是。你应该改变express.static路径来指向你的应用程序的根目录(在你的情况下它可能只是__dirname,但通常像index.html进入公用文件夹这将有图像目录里面)

+0

Chrome的控制台告诉我它正在寻找'http:// localhost:2000/images/power.png'中的路径。我尝试将图像移动到包含index.html的文件夹中并添加'app.get('/',function(req,res){res.sendfile(__ dirname +'/index.html'); \t });'到server.js但没有运气 –