eslint - 为什么这会在 eslint 中触发 comma-dangle 规则？

Question

这对我来说看起来是正确的，但是为什么 eslint 显示违反规则，comma-dangle在最后一个属性“凭据”的末尾缺少尾随逗号？

  dispatch({
    type: LOGIN_USER,
    payload: credentials
  });

.eslintrc

{
  "extends": "airbnb",
  "globals": {
    "__DEV__": true
  },
  "rules": {
    "react/jsx-quotes": 0,
    "jsx-quotes": [2, "prefer-double"]
  }
}

Answer 1

根据airbnb配置，规则设置如下 comma-dangle: [2, "always-multiline"]。

据此，expected代码是

  dispatch({
    type: LOGIN_USER,
    payload: credentials,
  });

它期望,在最后。

有关规则的更多信息：http: //eslint.org/docs/rules/comma-dangle

Answer 2

我使用以下组合（这对我有用）

[1] .eslintrc.json

"rules": {        
        "comma-dangle": [2, "always-multiline"]         
    }

[2] JsPrettier | 更漂亮

"trailingComma": "all"

结果

dispatch({
  type: LOGIN_USER,
  payload: credentials,
});

Answer 3

使用以下规则来避免它

rules: {
    'comma-dangle': ['error', 'never']
  }

//或者

 "comma-dangle": ["error", {
        "arrays": "never",
        "objects": "never",
        "imports": "never",
        "exports": "never",
        "functions": "never"
    }]

参考：https ://eslint.org/docs/rules/comma-dangle