[eslint] Failed to load config "react-app" to extend from.

문제

---

 

이 오류는 ESLint 설정 파일에서 "react-app" 구성 요소를 참조하고 있지만, 이를 찾을 수 없기 때문에 발생합니다. 이 문제를 해결하기 위해서는 다음을 시도해볼 수 있습니다.

react-app 패키지 설치 확인 이 오류는 react-app 구성 요소를 찾지 못해서 발생한다고 나와있습니다. 따라서 프로젝트의 의존성에 react-app 패키지가 설치되어 있는지 확인해보세요. 만약 설치되어 있지 않다면 다음 명령어를 실행하여 설치할 수 있습니다.
npm install react-app --save-dev

ESLint 버전 업데이트 시스템에 설치된 ESLint 버전이 구성 요소와 호환되지 않아서 발생할 수 있습니다. 따라서 ESLint 최신 버전으로 업데이트하면 해결될 수 있습니다.
npm install eslint@latest --save-dev


설정 파일 확인 오류 메시지에 따르면 이 문제는 package.json 파일에서 구성 요소를 찾으려고 할 때 발생합니다. 따라서 ESLint 설정 파일을 확인하여 "react-app" 구성 요소가 정확히 지정되어 있는지 확인해보세요.

설정 파일 재생성 가끔씩 설정 파일이 손상되어 이러한 오류가 발생할 수 있습니다. 이 경우에는 설정 파일을 삭제하고 프로젝트 폴더에서 다음 명령어를 실행하여 새로 생성할 수 있습니다.
npx eslint --init
설정 파일에 대한 몇 가지 문항이 제시될 것입니다. 이 문항에 따라 설정 파일을 생성하세요.
이러한 해결책 중 하나를 시도해보고 문제를 해결할 수 없다면, 추가적인 정보를 제공하여 질문을 게시해주세요.

 

---

문제해결

 

npm install react-app --save-dev 을 한다음에, 해결이 되지않아서

 

npx eslint --init
설정 파일에 대한 몇 가지 문항이 제시될 것입니다. 이 문항에 따라 설정 파일을 생성하세요.
이러한 해결책 중 하나를 시도해보고 문제를 해결할 수 없다면, 추가적인 정보를 제공하여 질문을 게시해주세요.

에서

 

npx eslint --init 하고 영어로 나온대로 순서대로 키보드로 선택하고 엔터 눌럿는데

 

갑자기 다운로드?? 되더니 오류가 해결됫다 무여 ?

 

Eslint 설정은 이렇게 해논상태이다.

 

 

---

그래서 아래와 같이 2021.2.2 보다 낮은 버전에서는 ESLint 8.0 이상의 버전을 사용할 수가 없습니다.

 

저는 Webstorm2021.2.1을 사용하고 있는데 eslint@8.0.0이 호환되지 않는다는 것을 알았습니다. 이것은 나를 위해 일했습니다.

 

yarn add -D eslint@7.14.0