Prisma调用eventAreaChart.findMany报错：Cannot read properties of undefined

排查及解决步骤 #

1. 重新生成Prisma Client #

新增模型后，Prisma不会自动更新Client，必须手动执行生成命令：

npx prisma generate

执行完成后重启Next.js开发服务器，确保新的Client代码被加载。

2. 验证Schema模型命名与Client调用的对应关系 #

确认schema.prisma中的模型名为EventAreaChart（首字母大写），Prisma Client会自动将其转换为小驼峰eventAreaChart，两者必须严格对应：

model EventAreaChart {
  id       Int      @id @default(autoincrement())
  date     DateTime
  userId   String
  actual   Int
  expected Int
  // 其他字段定义...
}

3. 确认数据库迁移已成功执行 #

登录Supabase控制台，检查数据库中是否存在event_area_chart表（Prisma自动转换为蛇形命名）。如果表不存在，重新执行迁移：

npx prisma migrate deploy

4. 修正Prisma Client实例初始化 #

你的代码中const prisma = new PrismaClient缺少分号，且建议使用全局实例避免重复创建（开发环境下尤为重要）：

import { PrismaClient } from '@prisma/client'

const prisma = global.prisma || new PrismaClient()

if (process.env.NODE_ENV !== 'production') global.prisma = prisma

5. 清除Next.js缓存 #

Next.js可能缓存了旧的Prisma Client文件，清除缓存后重启服务：

rm -rf .next
npm run dev

6. 检查TypeScript类型是否更新 #

执行类型检查命令，确认prisma.eventAreaChart在TypeScript中能被正确识别：

npx tsc --noEmit

如果类型提示找不到该属性，说明Client未正确生成，重新执行npx prisma generate。

辅助排查：打印Prisma实例属性 #

在接口代码中添加打印语句，查看prisma对象是否包含eventAreaChart：

console.log('Prisma Client属性:', Object.keys(prisma))

如果输出中没有该属性，说明Client确实未更新，回到第一步重新生成。

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