inflearn logo
강의

Course

Instructor

Bite-sized Next.js

2.14) SSG 2. Applying to Static Paths

npm run build 중 에러발생

473

rb3399196

5 asked

0

image.png

id와 같이 사용하지 않는 객체를 생성했을 경우 빌드가 진행되지 않습니다. 정환쌤 같은경우 빌드를 하실때 저렇게 //를 하지 않아도 잘 빌드가 가능한데, 저는 에러가 발생하네요.

제가 설정과정을 놓친걸까요?

react typescript next.js

Answer 3

2

rb3399196

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

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

"no-unused-vars":"off"

0

winterlood

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

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

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

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

0

communityai8509

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

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

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

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

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

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

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

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

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

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

Next.js 사전렌더링 이해하기 부분

0

22

2

모달 관련 질문

0

30

3

렌더링 관련 질문

0

76

2

중복으로 하나의 api를 요청할 때 캐싱 옵션 통일화

0

59

2

라우트 세그먼트 옵션 강좌 노트에 사소한 제보 남깁니다.

0

60

2

SSR시 context에 params말고 query를 사용하면 안되나요?

0

73

2

npx prisma db push 시 에러가 뜹니다.

0

91

3

vercel 배포를 실패하였습니다.

0

94

3

Image 컴포넌트 사용시 브라우저 콘솔에 경고는 왜 뜨는걸까요?

0

54

2

getServerSideProps 함수와 SSR의 관계

0

76

6

없는 페이지인데 풀라우트캐시로 저장이 되는 이유가 궁금합니다

0

58

2

실제 프로젝트에서 SSR 사용에 관해서 질문드립니다.

0

112

2

일반적인 nextjs project architecture에 대하여..

0

83

2

2.14 Search에서 작성한건 static이긴하지만 CSR이 아닌가요?

0

71

2

배포 시 오류 발생

0

83

2

백엔드 서버 오류납니다.

0

79

2

취약점 제거시 nestjs 버전 문제가 생길까요?

0

89

1

eslint.config.mjs 내 rules 어떻게 설정 하나요?

0

102

1

[book]/[id]/page.tsx 모달 띄울 때 성능 하락 현상은 ReviewList를 불러오면서 발생하는 문제 같습니다.

0

60

2

빨간줄 설정

0

74

2

익스텐션 질문

0

58

1

강의 들으면서 궁금한 부분 질문드립니다.

0

108

1

서버 배포 에러입니다.

1

97

2

[5.2) 풀라우트 캐시 2] fetch의 cache 옵션 기본값 질문: no-store/force-cache

1

102

2