Eslint Warning 없애는 법

The Next.js plugin was not detected in your ESLint configuration 또는 Warning: React version not specified in eslint-plugin-react settings. 경고가 뜰 때 해결법!

(참고 링크 : https://github.com/vercel/next.js/discussions/28485)

.eslint.json 파일 삭제 후
.eslint.js에 다음 소스코드 첨부

settings: {
    react: {
      version: "detect",
    },
  },

하지만 이렇게 해도 npx eslint . 를 실행했을때 타입스크립트(tsx,ts) 파일들은 에러가 보이지 않는다. 여전히 npx eslint "*/.tsx"로 실행해야 한다.

타입스크립트 에러는 보이지 않는 이유!

https://pravusid.kr/typescript/2020/07/19/typescript-eslint-prettier.html

위 사이트로 살펴본 결과,
기본적으로 eslint는 js만 찾아낸다고 한다.

그래서 tsx,ts 에러까지 확인하려면

npx eslint --ext .js,.ts,.tsx src

또는

npx eslint src/**/*

라고 작성하는 것이 맞다.

물론 여기에 작성한 명령어 디렉토리 기준은 src이므로 pages나 src 외에 벗어나는 디렉토리에 대해서는 다르게 작성해야 한다.

2달 동안 매달린건 아니지만.. 항상 궁금했던 eslint 문제가 해결돼서 뿌듯하다!