Node.js配合HBS将MySQL数据渲染到HTML时变量不显示怎么解决

你遇到的问题由两个核心错误导致：一是MySQL查询结果未正确提取，回调参数命名错误/冲突；二是处理后的价格变量没有传递给HBS渲染上下文。按以下步骤修正即可：

1. 修正数据库查询逻辑 #

mysql的Node.js驱动返回的查询结果为数组结构，你控制台打印的[ RowDataPacket { price: 7.89 } ]就是长度为1的结果数组，需要先取出数组第一个元素的price属性才能拿到数值。
另外db.query回调的第一个参数是错误对象，第二个才是查询结果，如果你是在Express路由中写的这段逻辑，注意不要把查询结果变量和Express的响应对象res重名，避免变量覆盖。
修正后的代码：

// 假设外层是Express路由回调，参数为req、res
app.get('/your-path', (req, res) => {
  db.query("SELECT price FROM product", (err, queryResult) => {
    // 处理查询错误
    if (err) {
      console.error('数据查询失败：', err);
      return res.sendStatus(500);
    }
    // 提取price数值，空结果设置默认值避免渲染异常
    const price = queryResult.length > 0 ? queryResult[0].price : '暂无定价';
    // 将变量传入HBS模板上下文
    res.render('你的模板文件名', { price });
  });
})

2. 确认模板语法 #

你当前的HBS模板语法是正确的，只要上下文传入了price变量即可正常渲染：

<small>Price:{{price}} </small>

可选排查手段 #

如果修改后仍无内容显示，可在模板中加入调试代码确认变量是否传递成功：

<!-- 打印全部上下文变量，确认是否包含price字段 -->
<div>调试信息：{{this}}</div>

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