[ERROR] Vercel 배포시 Prisma 에러 - 해결

해당 글은 Next.js 13.2.4 버전 기준입니다.

 

Next.js에서 Prisma를 채택해서 배포했을 때, 해당 에러가 떴었다.

🤔 Vercel 빌드하며 난 에러 문구
PrismaClientInitializationError: Prisma has detected that this project was built on Vercel, which caches dependencies. This leads to an outdated Prisma Client because Prisma's auto-generation isn't triggered. To fix this, make sure to run the `prisma generate` command during the build process.

간단히 말하면 Next.js의 기가 막힌 dependency 캐싱 능력 때문인데, 해당 문구를 해결하는 데는 3가지 방법이 있다.

 

첫 번째,

 

{
  ...
  "scripts" {
    "postinstall": "prisma generate"
  }
  ...
}

setting.json의 scripts에 "postinstall": "prisma generate" 해당 코드를 추가하는 방법

 

두 번째,

 

{
  ...
  "scripts" {
    "build": "prisma generate && next build" // next build가 기본값이라 세팅 했지만 다른 빌드 커맨드로 해도 된다
  }
  ...
}

setting.json의

 

세 번째,

 

기존 build 커맨드 옆의 Override 클릭 후,

prisma 세번째 해결책 이미지-1

 

아래 이미지 같이 형광펜으로 칠해진 코드를 넣어주면 된다.

prisma 세번째 해결책 이미지-2