在.prettierrc文件中尾随逗号规则

Question

我有一个 next。 eslint 。我想通过将其值设置为来启用Prettier规则 “ TrailingComma” .prettierrc文件包含以下内容：

    // ".prettierrc"

    {
        "trailingComma": "all"
    }

我正在使用 .eslintrc.json 文件以配置ESLINT，我已经配置了它以应用一对夫妇插件，并扩展插件的几个规则集。

This is an image of my file:

  {
    "next",
    "next/core-web-vitals",
    "prettier",
    "eslint:recommended",
    "plugin:jsx-a11y/recommended",
    "plugin:prettier/recommended",
    "plugin:typescript-eslint/recommended",
  }

​

"comma-dangle": "off",

​规则被证明会影响TrailComma规则，如错误消息中所述：

"prettier/prettier": ["error", {}, { "usePrettierrc": true }],

---

Prettier在我保存时似乎执行了，并且逗号添加到列表的末尾，但是我得到了以下错误消息（如图所示）。

我尝试将“ endofline”选项添加到.prettierrc和.eslintrc.json rule “ Prettier/Prettier” ，有人说它可以解决该问题，但没有解决问题。

如何防止尾逗号在编辑器中显示错误？