Node.js添加商品到购物车出现Undefined错误，求技术解决

核心问题：产品ID带空格导致查询不到产品 #

错误price is undefined的根源是控制器中拿到的product为undefined，进而访问product.price时抛出错误。导致product为undefined的直接原因是：

EJS模板中隐藏输入框的value值末尾多了一个空格：

<input type="hidden" name="productId" value="<%= product.id %> ">
<!-- 多余空格位置 ------------------------^ -->

表单提交时，req.body.productId会带上这个空格（比如原本ID是"abc123"，现在变成"abc123 "）。而Product.findById方法用严格相等===匹配ID，带空格的ID无法在产品列表中找到对应项，最终返回undefined。

修复步骤 #

1. 移除EJS模板中隐藏输入框的多余空格
   修改后的代码：

<input type="hidden" name="productId" value="<%= product.id %>">

2. 添加输入校验与空值判断（推荐）
   为避免类似问题再次发生，在控制器中对ID做去空格处理，并校验产品是否存在：

exports.postAddToCart = (req, res, next) => {
  const prodId = req.body.productId.trim(); // 去除ID前后空格
  Product.findById(prodId, (product) => {
    if (product) { // 校验产品是否存在
      Cart.addProduct(prodId, product.price);
    } else {
      console.log(`产品ID ${prodId} 不存在`);
    }
  });
  res.redirect("/cart");
};

3. 验证产品数据完整性（可选）
   手动检查data/products.json中的产品条目，确保所有产品都正确包含price字段，确认Product.save()方法保存的对象未丢失price属性（当前代码逻辑是正确的）。

额外建议 #

• 对所有用户输入的ID类字段使用trim()处理，避免前后空格引发匹配错误
• 在异步文件操作中完善错误日志，方便排查读取/写入文件时的异常

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