인프런 커뮤니티 질문&답변
작성한 질문수
오류 3
작성
·
34
0
말씀해주신대로 params와 searchParams는 promise 타입으로 감싸줘서 아래와 같이 오류는 없앴습니다.
그런데 빌드에서 계속 오류가 발생합니다.
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
Full Stack 개발자님께서 겪고 계신 문제에 대해 도움이 되길 바랍니다. 빌드 시 계속해서 오류가 발생한다고 하셨는데, 첨부하신 이미지 설명을 바탕으로 몇 가지 확인 사항을 제안드립니다.
ESLint와 Suspense Boundary: 이미지 설명에 따르면, ESLint 관련 오류와 Suspense Boundary 관련 문제가 있는 것으로 보입니다. Next.js에서 비동기 데이터 페칭을 할 때 Suspense를 사용해야 하는 구간이 잘못 설정되어 있거나, 부모 컴포넌트에서 제대로 감싸지 않아 이와 같은 문제가 발생할 수 있습니다. Suspense로 데이터를 기다리는 부분을 올바르게 설정했는지 확인해 보세요.
Promise 처리:
params와searchParams를 Promise로 감싸셨다고 하셨는데, 이 부분이 Next.js 페이지 컴포넌트의 구조와 맞는 지도 다시 확인해 보실 필요가 있습니다. 또한, Fetch 호출 후의 데이터를 제대로 핸들링하고 있는지 검토하시기 바랍니다.Next.js 버전 및 설정 확인: 프로젝트 내의
.next디렉토리와 설정 파일을 통해 Next.js 설정이 올바르게 되어 있는지 확인하세요. 모든 설정 후node_modules폴더를 삭제하고npm install또는yarn install을 통해 패키지를 재설치해 보는 것도 도움이 될 수 있습니다.비동기 함수 오류 처리:
fetch함수의 오류 처리를 세심하게 해보세요. API로부터 오는 응답이 올바르게 처리되지 않으면 에러가 발생할 수 있습니다.
이외에도 Next.js 공식 문서 및 커뮤니티 게시판에서 유사한 사례와 해결 방법을 찾아보시기를 권장드립니다.
원하시는 답변을 찾지 못하셨다면, 더 많은 지원을 받기 위해 자세한 정보를 인프런 홈페이지의 문의하기 기능을 통해 요청해 보세요.
문제가 빨리 해결되기를 바랍니다.