{
"parserOptions": 자바스크립트 버전, 모듈 사용 여부 등을 설정,
"extends": 확장 설정,
"env": 프로젝트의 사용 환경 => ex)browser, node...
"rules": extends와 plugins에 대한 세부 설정을 변경하는 코드 설정,
"plugins": 플러그인 설정 => ex) html, import, react...
"globals": 전역 변수 넣어준다. ESLint는 기본적으로 전역변수의 사용을 에러로 처리하기 때문에 외부 라이브러리를 사용하면 여기에 전역변수를 넣어 에러 표시를 방지해야 한다.
}
parserOptions: {
parser: "babel-eslint",
sourceType: "module",
allowImportExportEverywhere: true,
ecmaVersion: 2018,
},
: v8부터는 prettier로 모든 config가 통합되었다는 의미 같음
"prettier/..."로 시작하는 모든 extends를 지우면 된다.
해결방법
다른 거 다 지우고 extends에 다음만 남겨두었다
extends: ["react-app", "prettier"],