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

안녕하세요.

이번에는 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

 

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

감사합니다.