FE/Trouble Shooting
2023. 5. 30.
next_auth 404에러 (feat. next13)
문제 상황
next13 프로젝트에서 next_auth 라이브러리의 signIn()을 사용하자 404에러가 남
문제 원인
[…nextauth].ts 파일의 위치를 잘못 잡아서 생긴 문제.
해결 방법
[…nextauth].ts 파일을 page/api/auth 폴더 내부로 옮겨주자.
하지만 next_auth쿤…내 next13 프로젝트는 app 폴더 기반이라굿..!
상관하지 않아도 된다.
우리의 프로젝트가 /app 폴더 기반이라도, next_auth는 오로지 /page에서만 동작한다.
프로젝트 최상단에 /page/api/auth 폴더를 추가해줘서 그곳에 […nextauth].ts 파일을 넣어주자.
app 폴더와 page폴더가 함께 존재하는 이상한 상황이라도,,,그러려니 하자.
next_auth 공식으로 발표한 프로젝트 예시</a >에서도 이런 구조를 가지고 있다.
참고 문헌
'FE > Trouble Shooting' 카테고리의 다른 글
| Fly.io 앱과의 통신 도중의 Axios Timeout Error (feat. NodeJS, express, 삽질) (1) | 2023.06.03 |
|---|---|
| MongoDB querySrv ENODATA 에러 (0) | 2023.05.31 |
| next13에서 환경변수를 로드할 때 undefined으로 로드되는 에러 (0) | 2023.05.30 |
| [ERROR] GET ${IMAGE_URL} net::ERR_CONNECTION_RESET 431 (Request Header Fields Too Large) (0) | 2022.12.14 |
| [ERROR] illegal base64 data at input byte 4 (0) | 2022.12.05 |