React 첫번째 단어에 빨간밑줄 안없어질 때_eslint문제

특별히 잘못될만한 부분이 없는데 모든 jsx파일의 첫번째 단어에 빨간 밑줄이 생기는 에러가 발생하였다.

대부분 첫번째 단어가 export라서 export하는 부분에 문제가 발생한줄 알았다..
그러나 eslint 설정이 제대로 되어있지않으면 작동이 제대로 되지않아 발생하는 문제였다

eslint 다시 설치하고 작동시켜주었더니 빨간밑줄이 사라졌다!

📝 설치 및 설정

# install ESLint 
npm install eslint --save-dev
 
# set up a configuration file
npx eslint --init

📝 .eslintrc.js

module.exports = {
    "env": {
        "browser": true,
        "commonjs": true,
        "es2021": true,
        "node": true
    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "ecmaVersion": 13
    },
    "rules": {
    }
};

• env : 프로젝트 환경 설정
• extends : ESLint 확장
• rules : 프로젝트 내에서 강제할 규칙 정의

📝 ESLint 저장 시 자동교정

혹시 설치가 안되어져있다면 확장프로그램 "ESlint"를 설치해야합니다!