規則“react/jsx-sort-props”的配置無效

Question

我正在嘗試使用插件eslint-plugin-react按字母順序對道具名稱進行排序，但出現此錯誤：

[Error ] .eslintrc.json: Configuration for rule "react/jsx-sort-props" is invalid: Value {"callbacksLast":true,"shorthandFirst":false,"shorthandLast":true,"multiline":"last","ignoreCase":true,"noSortAlphabetically":false} should NOT have additional properties. 

這是我的.eslintrc.json文件：

{
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended",
    "next/core-web-vitals"
  ],

  "rules": {
    "react/jsx-sort-props": [
      "2",
      {
        "callbacksLast": true,
        "shorthandFirst": false,
        "shorthandLast": true,
        "multiline": "last",
        "ignoreCase": true,
        "noSortAlphabetically": false
      }
    ]
  }
}

我缺少什么？

Answer 1

有兩個問題：

• severity 選項，如果你使用的是數字，應該是一個數字，而不是包含數字的字符串 - 2 ，而不是"2" 。 （不過，就我個人而言，我建議改用"error" ——通過閱讀配置可以更清楚地了解規則對你的項目意味着什么—— "error"比2更直觀）
• jsx-sort-props.js中存在一個錯誤 - 盡管文檔引用了multiline屬性，但該屬性在 lint 規則實現中的任何地方都不存在，因此當您傳入包含該內容的 object 時會拋出錯誤財產。 去掉它。

"rules": {
    "react/jsx-sort-props": [
        2,
        {
            "callbacksLast": true,
            "shorthandFirst": false,
            "shorthandLast": true,
            "ignoreCase": true,
            "noSortAlphabetically": false
        }
    ]
}