해결된 질문
작성
·
60
0
아직 사용하기 전에 변수들이 있는 경우 아래 사진과 같이 표시되는데 오류가 발생하지 않도록 설정은 어떻게 하나요?
답변 1
0
안녕하세요 이정환입니다.
혹시 Next.js 앱을 생성하실 때 몇 버전으로 생성하셨나요? 버전에 따라 ESLint 설정 방식이 달라지는데 현재로써는 해당 정보를 확인할 수 없기에 설정하셔야 할 옵션만 알려드리겠습니다.
eslintrc.json 혹은 eslint.config.js 파일 안에 다음의 ESLint 옵션을 추가 설정하시면 됩니다.
@typescript-eslint/no-unused-vars: "warn"
: 사용하지 않는 변수가 있을 때 경고로 표시해요
"@typescript-eslint/no-explicit-any": "off"
: any 타입을 명시적으로 정의할 수 있도록 허용해요
주황색은 Warn(경고) 표시로 무시하셔도 괜찮습니다.
보통은 이후에 코드 정리를 위해 Warn으로 두고 사용하는 편이긴 합니다.
만약 경고도 보기 싫으시다면 옵션의 값을 warn -> off로 아예 꺼 주시면 됩니다.
버전은 14.2.21 로 확인됩니다
말씀해주신대로 설정했지만 빨간색에서 주황색으로만 변경됩니다