在Next.js前端生成合规Mongoose ObjectId的方案问询

直接在前端使用bson或mongodb包中的ObjectId实现，替代mongoose的依赖，避免Node.js环境相关的报错：

步骤1：安装依赖 #

选择以下任意一个包（推荐bson，体积更小）：

• 安装bson：

  npm install bson
  # 若需要额外类型（多数情况无需，bson自带类型）
  npm install -D @types/bson
  

• 或安装mongodb：

  npm install mongodb
  

步骤2：TypeScript代码实现 #

使用bson生成ObjectId #

import { ObjectId } from 'bson';

// 生成新的合规ObjectId
const newObjectId = new ObjectId();
// 转换为字符串格式（Mongoose中常用的24位十六进制形式）
const objectIdStr = newObjectId.toString();

使用mongodb生成ObjectId #

import { ObjectId } from 'mongodb';

const newObjectId = new ObjectId();
const objectIdStr = newObjectId.toHexString();

关键说明 #

• 生成的ID完全符合MongoDB/Mongoose的规范：包含时间戳、机器标识、进程标识和递增计数器，并非随机字符串。
• 这两个包的ObjectId实现是纯JavaScript编写，不依赖Node.js专属API，能在Next.js客户端组件中正常运行，不会出现TypeError: t.versions.node is undefined错误。
• Vercel部署兼容性：无二进制依赖，构建过程不会出现mongoose那样的环境适配问题。

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