如何向Express的res.render函数传入数据？代码报错求助

嘿，我来帮你排查这个问题！你遇到的报错指向app.js第22行第18位，但你贴出来的代码行数不够，先从几个常见的坑入手分析：

1. 先核对代码行号对应的实际问题 #

你贴的代码只有15行左右，说明实际代码里可能还有其他内容——比如有没有漏掉分号、括号不闭合，或者额外的语法错误？先去看你本地app.js第22行的代码，大概率是那里有语法问题（比如变量未定义、括号配对错误）。

2. 检查模板文件的路径是否正确 #

Express的res.render()默认会去项目根目录下的views文件夹找模板。你写的是'pages/home'，那你的项目结构得是这样才对：

你的项目根目录
├── views/
│   └── pages/
│       └── home.ejs
├── app.js
└── ...其他文件

如果home.ejs的路径不对，比如没放在views/pages下面，或者文件名写错了（比如写成Home.ejs，系统区分大小写的话也会报错），都会导致渲染失败触发报错。

3. 排查EJS模板中对数据的访问方式 #

假设模板路径没问题，那可能是你在home.ejs里访问data对象的方式错了。比如你的User.permissions是一个数组，如果你直接写<%= data.permissions.All %>肯定会报错，得先取数组的第一个元素：<%= data.permissions[0].All %>。

另外，你可以先在路由里打印一下User对象，确认数据是对的：

app.get('/', function(req, res){
  console.log('要传给模板的User数据：', User); // 看看控制台输出的结构和你预期的一致不
  res.render('pages/home', { 'data': User });
});

4. 用回调获取更详细的渲染错误 #

把res.render改成带回调的形式，能拿到更具体的报错信息，比控制台的行号提示更有用：

app.get('/', function(req, res){
  res.render('pages/home', { 'data': User }, function(err, html) {
    if (err) {
      console.error('模板渲染出错啦：', err); // 这里会告诉你是模板里哪一行出了问题
      res.status(500).send('页面渲染失败');
    } else {
      res.send(html);
    }
  });
});

先按这几个步骤排查，应该就能找到问题所在了！

内容的提问来源于stack exchange，提问作者Zugz