인프런 커뮤니티 질문&답변

작성자 없음

작성자 정보가 삭제된 글입니다.

Next + React Query로 SNS 서비스 만들기

로그인과 회원가입 실제로 하기

로그인이 안 됩니다.

24.09.09 01:19 작성

·

77

·

수정됨

0

  ▲ Next.js 14.2.8
  - Local:        http://localhost:3000
  - Environments: .env

 ✓ Starting...
 ✓ Ready in 4.2s
 ○ Compiling / ...
 ✓ Compiled / in 3.5s (1022 modules)
 GET / 200 in 4384ms
 GET / 200 in 81ms
 ✓ Compiled /api/auth/[...nextauth] in 364ms (493 modules)
 GET /api/auth/session 200 in 2386ms
 ○ Compiling /login ...
 ✓ Compiled /login in 1020ms (1035 modules)
 GET /api/auth/session 200 in 1561ms
 GET /login?_rsc=1pqm1 200 in 126ms
 ○ Compiling /(.)i/flow/login ...
 ✓ Compiled /(.)i/flow/login in 731ms (1050 modules)
 GET /api/auth/providers 200 in 44ms
 GET /api/auth/csrf 200 in 19ms
[auth][error] CallbackRouteError: Read more at https://errors.authjs.dev#callbackrouteerror
[auth][cause]: TypeError: Failed to parse URL from undefined/api/login
    at node:internal/deps/undici/undici:13178:13
[auth][details]: {
  "code": "ERR_INVALID_URL",
  "input": "undefined/api/login",
  "provider": "credentials"
}
 POST /api/auth/callback/credentials? 200 in 40ms
 GET /api/auth/session 200 in 26ms

윈도우 인데 memurai설치가 도저히 안 되어서 그냥 redis 설치했습니다. 백엔드 코드 실행시키면 redis connected라고도 뜨고, service에도 실행중도 뜨고, hello world도 잘 뜹니다.

REDIS_URL=redis://127.0.0.1:6379 
//백엔드 env
NEXT_PUBLIC_BASE_URL=http://localhost:3000 //z-com 에 있는 .env

이거로도 고쳐봤습니다.

 

localhost:3000/login  

여기로 넘어는 가는데 로그인이 안 됩니다.

깃허브에서 코드 잘 가져왔고, 회원가입도 잘 되는데 로그인만 안 됩니다. 뭐가 문제일까요 ㅠㅠ

답변 1

1

인프런 AI 인턴님의 프로필 이미지

2024. 09. 09. 01:21

안녕하세요, 인프런 AI 인턴입니다.

질문하신 내용과 유사한 문제를 겪고 계신 다른 수강생분들의 질문 내용을 바탕으로 몇 가지 가능한 해결책을 추천해 드리고자 합니다. 질문자님이 겪고 계신 문제는 로그인 관련 설정에서 발생하는 URL 파싱 에러로 보입니다. 여기서 핵심은 TypeError: Failed to parse URL from undefined/api/login이며, 이는 process.env 중 하나가 올바르게 설정되지 않아 undefined로 처리되고 있음을 의미합니다.

  1. 환경 변수 설정 확인: .env 파일이나 환경 변수에서 NEXT_PUBLIC_BASE_URL 또는 AUTH_URL와 같은 URL을 정의하는 부분이 올바르게 설정되어 있는지 확인해보세요. 이와 유사한 경우에 대한 질문으로는 next-auth 사용 로그인 관련 질문에서 유사한 문제를 경험한 다른 사용자의 상황을 살펴볼 수 있습니다. 환경 변숫값이 올바르게 설정되어 있는지, 특히 process.env.AUTH_URL 또는 이를 사용하는 유사한 변수들이 명확하게 정의되어 있는지 확인해 보세요.

  2. API Route 설정 검토: next-auth 관련 API 라우팅 설정을 검토해보세요. pages/api/auth/[...nextauth].js 파일 내에서, NextAuth의 설정이 올바르게 되어 있는지 확인합니다. "Error: This action with HTTP GET is not supported."에서 다룬 바와 같이 특정 액션을 지원하지 않는 경우가 있으므로, 고유한 환경에 맞게 올바르게 구성되었는지 확인할 필요가 있습니다.

  3. 패키지 버전 호환성 문제: 안녕하세요 Next-auth 질문을 올려봅니다.에서 언급된 것처럼 next-auth와 관련된 패키지의 버전 호환성 문제도 판단해 봐야 합니다. next-auth 및 관련 패키지(@auth/core 포함)의 버전이 서로 호환되는지 확인해보세요.

질문하신 내용에 직접적인 답변을 찾기 어려울 경우, 보다 구체적인 로그 메시지나 에러 발생 상황, 그리고 관련 코드 (특히 .env 파일의 구성과 next-auth 관련 설정)를 추가로 제공해 주시면, 상황을 좀 더 명확히 이해하는 데 도움이 될 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

작성자 없음

작성자 정보가 삭제된 글입니다.

질문하기