[Next.js] Next.js App Router + NextAuth.js authOptions 오류 해결 [10/10 study]

 

 

Next.js App Router + NextAuth.js authOptions 오류 해결

 

 

 

 

상황

Next.js App Router + NextAuth 강의를 들으면서 마지막에 빌드 & 배포 부분을 공부하는 중

yarn build를 하니까 아래와 같은 에러가 나와서 스택 오버플로우랑 깃허브, 블로그를 아무리 뒤지고 바꿔도 해결이 안됐는데 정답을 알고나니 허무해졌지만 다른분들은 나와 같은 고민을 안겪게 하고 싶기 때문에! (다 아실수도,,,)

 

이유

아래 코드를 보다시피 authOptions를 따로 만들어줘서 NextAuth의 인수로 넣어주고도 있고 export해서 내보내주고도 있다.

nextJs 13.4+ 에서는 /app/api/auth/[...nextauth]/route.ts는 route hanlder을 이용하고 이 안에서 export 해서 내보내려고 했기 때문에 발생하는 오류였다......(어떻게 알아!! 나만 몰랐나..)

 

해결방법

단순히 export해주려는 authOptions를 따로 다른 파일에서 내보내주면 해결이 된다!

필자는 lib 폴더를 생성하고 authOptions.ts 파일을 생성해서 내보내주었다!

해결!