IT 기타

[React ] ESLint comma-dangle Error 해결하기

YaluStar 2023. 4. 5. 01:58

안녕하세요.

이번에는 React에서 ESLint 사용할 때 comma-dangle Error 해결하는 방법에 대하여 알아보겠습니다.

 

1. React comma-dangle 에러

.eslintrc.js 파일에 comma-dangle 추가 0 = 끄기 1 = 경고 2 = 에러

.eslintrc.js

module.exports = {
  extends: ['airbnb-base'],
  rules: {
    'linebreak-style': 0,
    'no-console': 'off',
    'comma-dangle': 1,
  },
};

 

package.json

"devDependencies": {
    "eslint": "^8.31.0",
    "eslint-config-airbnb-base": "^15.0.0",
    "eslint-plugin": "^1.0.1",
    "import": "^0.0.6",
    "prettier": "^2.8.1",
    "typescript": "^4.9.4"
  }

 

2. 참고 사이트

 

eslint 사용법 · Tonic

사이트 운영에 도움을 주실 수 있습니다. 고맙습니다. --> eslint 사용법 2018년 10월 16일 eslint는 자바스크립트 문법과 권장하는(선호하는) 코딩 스타일을 적용할 수 있게 도와주는 도구다. 이 규칙

devlog.jwgo.kr

 

이상으로 comma-dangle Error 해결하는 방법에 대하여 알아보았습니다.

감사합니다.

반응형