为什么 prettier 将尾随逗号单独放置并给出错误，指出需要将其删除？

.eslintrc.json

{
  "env": {
    "commonjs": true,
    "es6": true,
    "node": true
  },
  "extends": ["prettier", "airbnb-base"],
  "plugins": ["prettier"],
  "globals": {
    "Atomics": "readonly",
    "SharedArrayBuffer": "readonly"
  },
  "parserOptions": {
    "ecmaVersion": 2018
  },
  "rules": {
    "prettier/prettier": "error"
  }
}

.prettierrc.json

{
  "printWidth": 80,
  "singleQuote": true,
  "trailingComma": "es5"
}

When formatting the code, prettier adds a trailing comma, but it also gives me an error saying that it should be removed. Even if we remove the trailing comma, eslint tells me the opposite, that it should be added. Please tell me the solution to the problem

改变你的.prettierrc文件，使其看起来像这样：

    // "./.prettierrc"
    {
        "printWidth": 80,
        "singleQuote": true,
        "trailingComma": "all",
    }

将以下设置（配置如下）添加到您的ESLint 规则你的财产.eslintrc.json file.

    // "./.eslintrc.json"
    {
        "comma-dangle": ["error", "always"],

    }

或者你可以关闭规则

    // "./.eslintrc.json"
    {
        "comma-dangle": 0
    }

如果您使用 VSCode，您的另一个选择是使用 ESLint-Prettier 扩展，而不是使用 ESLint 插件作为依赖项。在这种情况下 VSCode 扩展不会产生冲突。

这里出现冲突的原因是因为它是一个格式化规则，而ESLint的格式化规则会干扰像prettier这样的JavaScript格式化程序。