inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

회원가입 실제로 하기

로그인이 안 됩니다.

240

작성자 없음

작성한 질문수 0

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  

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

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

react next.js react-query next-auth msw

답변 1

1

인프런 AI 인턴

안녕하세요, 인프런 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 관련 설정)를 추가로 제공해 주시면, 상황을 좀 더 명확히 이해하는 데 도움이 될 것입니다.

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

캡처링부분 질문있습니다.

0

76

2

깃에 소스코드를 찾을 수 없습니다.

0

113

2

useInfiniteQuery promise와 react use 사용시 페이지 무한 로딩

0

98

1

import 파일 경로를 찾지 못 해서 에러가 발생합니다.

0

111

2

css 라이브러리 추천 부탁드립니다

0

141

2

팔로우 추천 목록이 빈 배열로 들어옵니다.

0

133

1

게시물 업로드 시 userId가 undefined로 들어가는 오류

0

119

1

useSuspenseQuery 사용 시 SSR 401 이슈 관련

0

172

1

리액트 쿼리 useinfinitequery 무한스크롤 구현 시 페이지가 이동할 경우 데이터가 보존되게 할 수 있나요??

0

184

3

폴링이 필요없는 이유

0

93

2

next Request Memoization과 react cache

0

110

2

seo 최적화 기준은 데이터 fetching인가요 아님 데이터 렌더링인가요?

0

84

2

next.js 서버fetch 에러 fallback ui 구현 방법

0

173

2

프레임워크 여론 파악법

0

125

2

필터옵션이 많은 페이지에서 서버 fetch를 하는게 맞는걸까요??

0

103

2

서버 fetch suspense 로 감싸고 새로고침 시 잠시 빈 화면이 노출된 후 fallback ui가 노출됩니다.

0

102

2

template.tsx 내 서버fetch 응답값과 클라이언트 컴포넌트 상태값 싱크가 맞지 않는 이슈

0

66

2

Auth.js 사용 시 authorize 함수가 호출되지 않습니다

0

132

2

next.js 에서 로그인에 관하여

0

139

1

Next의 route handler에 대한 질문이 있습니다.

0

101

2

게시판 리스트 만들때 use client를 어디서부터 집어넣어야할지 모르겠습니다

0

98

2

프라이빗 폴더를 해야 하는 이유가 모호한 것 같아요.

0

85

2

vanilla-extract 못찾는 문제

0

230

2

fetch 캐싱과 revalidate 관련

0

85

2