React结算页TypeError报错及Mongoose警告问题求助

1. 消除Mongoose strictQuery弃用警告 #

在Mongoose连接数据库前，显式设置strictQuery选项即可消除警告，同时适配Mongoose 7的默认行为变更：

const mongoose = require('mongoose');

// 提前设置strictQuery，值根据你的业务需求选择true或false
mongoose.set('strictQuery', false);

// 随后执行数据库连接
mongoose.connect(process.env.MONGODB_URI)
  .then(() => console.log('数据库连接成功'))
  .catch(err => console.error('数据库连接失败:', err));

• 若你的代码依赖旧版strictQuery: true的校验行为（即拒绝查询schema中未定义的字段），则设为true；
• 若无需该校验，设为false即可匹配Mongoose 7的默认值。

2. 修复TypeError: productsInfos.find(...) is undefined #

这个错误的核心原因是productsInfos本身为undefined/null，或者不是数组（没有find方法），按以下步骤排查修复：

步骤1：确保数据加载完成后再调用find #

如果productsInfos是异步获取的（比如从API或数据库请求），在React组件中需先判断数据是否存在，再执行查找逻辑：

// pages/checkout.js 第37行附近修改
if (!productsInfos) {
  return <div>加载中...</div>; // 或其他加载状态UI
}

// 确认数据存在后再调用find
const targetItem = productsInfos.find(item => item._id === someId);

步骤2：校验productsInfos的类型 #

检查productsInfos的来源：

• 若来自API请求：确认接口返回的是数组格式，而非单个对象或其他类型；
• 若来自Mongoose查询：确保使用的是Model.find()（返回数组）而非Model.findOne()（返回单个对象），或处理了查询结果的格式。

步骤3：检查数据传递是否正确 #

如果productsInfos是通过props传递给组件的，在父组件中确认传递的是有效数组，而非undefined。可以在组件中临时添加console.log(productsInfos)，查看实际接收的值。

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