node.js - 为什么我的所有图像都没有显示？

Question

我正在将 Express.js 与 Jade 一起使用，但遇到了问题。我有 6 张图片，但其中 2 张不会显示在页面上。我可以转到 local:3000/images/a.png 并查看全部内容，但在我的页面上看不到它们？这是我的一些 Jade HTML:

          .span4
            img(src='/images/a.png', class='img')
          .span4
            img(src='/images/b.png', class='img')
          .span4
            img(src='/images/c.png', class='img')
        .row-fluid
          .span4
            img(src='/images/d.png', class='img') 
          .span4
            img(scr='/images/e.png', class='img') # Not working
          .span4
            img(scr='/images/f.png', class='img') # Not working

这是我的 app.js 如果有帮助的话:

var express = require('express')
  , routes = require('./routes')
  , user = require('./routes/user')
  , http = require('http')
  , path = require('path');

var app = express();

// all environments
app.set('port', process.env.PORT || 3000);
app.set('views', __dirname + '/views');
app.set('view engine', 'jade');
app.use(express.favicon(__dirname + '/public/images/icon.ico'));
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));


// development only
if ('development' == app.get('env')) {
  app.use(express.errorHandler());
}

app.get('/', routes.index);
app.get('/users', user.list);

http.createServer(app).listen(app.get('port'), function(){
  console.log('Express server listening on port ' + app.get('port'));
});

还有人遇到这种情况吗？我能做什么？

Answer 1

呵呵，是因为你的 Jade 文件有错别字。

仔细检查您的 img 标记 - 正如您所知，它应该是 src 而不是 scr:

      .span4
        img(scr='/images/e.png', class='img') # Not working
      .span4
        img(scr='/images/f.png', class='img') # Not working