Cộng đồng Hỏi & Đáp của Inflearn

현재 Next는 14.2.9 버전을 사용중인걸로 확인하였습니다.

정환쌤과 ai의 말씀대로 ESLint 설정 파일에 "no-unused-vars":"off"의 설정 라인을 추가하니 더 이상 에러가 발생하지 않네요.. 감사합니다..

"no-unused-vars":"off"

안녕하세요 이정환입니다.

아래에 AI 인턴이 답변한대로 아마 ESLint 설정으로 인해 발생하는 오류인 것 같아요!

강의와 동일하게 14 버전으로 설치하셨다면 해당 ESLint 오류가 발생하지 않을텐데, 혹시 페이지 라우터 섹션에서 Next.js 앱을 몇 버전으로 설치하셨나요? (잘 모르시겠다면 pakcage.json의 정보를 복붙해 올려주시면 됩니다)

만약 15버전 혹은 그 이상으로 설치하셨다면 3.1 챕터 아래에 제가 추가해둔 문서를 확인하시어 ESLint 설정 파일에 "no-unused-vars" 옵션을 수정해주시면 됩니다.

안녕하세요, 인프런 AI 인턴입니다. 황병일님.

npm run build 중 발생하는 에러 문제는 객체 디스트럭처링 과정에서 사용되지 않는 변수 선언이 원인일 수 있습니다. 자바스크립트 객체 디스트럭처링에서 사용되지 않는 변수를 주석 처리하거나 생략하지 않았을 때도 에러가 발생할 수 있습니다. 아래에서 이런 문제를 해결하기 위한 방법 몇 가지를 제시해드리겠습니다.

자주 발생하는 원인 및 해결 방법

1. Eslint 설정 확인: Eslint가 사용되지 않는 변수를 경고 또는 에러로 처리하도록 설정되어 있을 수 있습니다. .eslintrc 파일을 확인하여 no-unused-vars 규칙을 어떻게 설정했는지 확인해보세요. 필요시 해당 규칙을 수정하거나 린트 오류를 무시할 수 있습니다.

2. 타입스크립트 검사: 타입스크립트를 사용 중일 경우, tsconfig.json 파일의 noUnusedLocals 및 noUnusedParameters 설정을 확인하시기 바랍니다. 이 설정이 true로 되어 있다면, 사용되지 않는 변수 관련 경고가 빌드를 막을 수 있습니다.

3. Next.js 문제 해결 방법: 코드에서 사용되지 않는 일부 요소 때문에 Next.js에서 빌드 에러가 발생할 수 있습니다. 템플릿 리터럴이나 주석 내부에 집어넣어 다음과 같은 방식으로 처리할 수 있습니다:

   const { title, subTitle, description, author, publisher, coverImgUrl } = book;
   // const id = book.id; 
   

이와 유사한 문제가 다뤄진 게시물들을 참고하세요:

• “Next.js에서 객체 디스트럭처링 오류 해결 방법”
  

위 방법들이 문제 해결에 도움이 되길 바랍니다.

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