在Cloud9运行Node.js应用时遇"blogs未定义"错误求助

看起来你这问题卡在变量传递的环节上了，咱们一步步拆解排查，大概率能找到根源：

1. 先确认app.js里的渲染逻辑是否靠谱 #

你贴的代码片段没写完，我先按常规写法帮你核对核心点：

// 记得补全express的引入和实例化
var express = require("express");
var app = express();

// 假设你是从MongoDB查询blogs数据
app.get("/", function(req, res){
  mongoose.model("Blog").find({}, function(err, foundBlogs){
    if(err){
      console.log(err); // 先看看终端有没有报错，排查查询是否正常
    } else {
      // 重点！这里的键名必须和EJS里用的变量名完全一致
      res.render("index", {blogs: foundBlogs}); 
      // 可以加个日志确认数据：console.log("传递的blogs数据：", foundBlogs)
    }
  });
});

必查点：

• 渲染时传递的对象键名是blogs吗？如果EJS里写的是blogs，你传成blogList肯定识别不到；
• 数据库查询有没有真的拿到数据？回调里打个日志看看，要是查询返回空数组至少不会提示“未定义”，要是连日志都没出，可能是查询语句写错了。

2. 检查EJS页面的变量引用是否正确 #

在index.ejs里，先给blogs加个存在判断，避免直接调用方法报错，同时也能确认变量是否真的传过来：

<!-- 先判断变量是否存在，再遍历 -->
<% if(blogs) { %>
  <% blogs.forEach(function(blog){ %>
    <div class="blog-item">
      <h3><%= blog.title %></h3>
      <p><%= blog.content %></p>
    </div>
  <% }) %>
<% } else { %>
  <p>暂无博客数据</p>
<% } %>

另外要注意拼写，别把blogs写成blog（少个s），这种低级错误很容易犯。

3. 确认Express的视图配置没出错 #

在app.js里必须确保EJS视图引擎配置正确，不然Express找不到你的视图文件，更别说传递变量了：

// 设置EJS为视图引擎
app.set("view engine", "ejs");
// 如果你把视图文件放在自定义目录（比如不是默认的views文件夹），要指定路径
// app.set("views", __dirname + "/your-view-folder");

4. 别踩异步代码的坑 #

如果你的数据库查询是异步操作，一定要把res.render放在查询的回调函数里，别在查询完成前就渲染页面，比如这种错误写法：

// 错误！先渲染了页面，查询还没完成，blogs还是undefined
let blogs;
mongoose.model("Blog").find({}, function(err, data){
  blogs = data;
});
res.render("index", {blogs: blogs});

必须等查询拿到数据后，再调用res.render传递变量。

5. 重启Cloud9的Node服务 #

有时候Cloud9的文件监听会抽风，你修改了app.js但服务没更新，导致代码还是旧的。终端按Ctrl+C停掉服务，再重新运行node app.js或者nodemon app.js（用nodemon的话会自动重启）。

你先按上面的顺序排查，尤其是变量名一致性和异步代码顺序，这两个是最常见的诱因。

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