愿所有的美好和期待都能如约而至

规则&Quot;Reaction/JSX-Sort-Props&Quot;的配置无效

发布时间:  来源:互联网  作者:匿名  标签:error Invalid configuration for rule "react/jsx-sort-props&  热度:37.5℃

本文介绍了规则&Quot;Reaction/JSX-Sort-Props&Quot;的配置无效的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在尝试使用插件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
      }
    ]
  }
}

我错过了什么?

推荐答案

有两个问题:

  • 如果您使用的是数字,则严重性选项应该是数字,而不是包含数字的字符串-2,而不是"2"。(不过,就我个人而言,我建议使用"error"-通过阅读配置可以更清楚地了解规则对您的项目意味着什么-"error"2更直观)
  • Linter规则的jsx-sort-props.js中存在错误-尽管文档引用了multiline属性,但该属性在LINT规则实现中不存在,因此当您传入包含该属性的对象时会抛出错误。删除它。
"rules": {
    "react/jsx-sort-props": [
        2,
        {
            "callbacksLast": true,
            "shorthandFirst": false,
            "shorthandLast": true,
            "ignoreCase": true,
            "noSortAlphabetically": false
        }
    ]
}

这篇关于规则&Quot;Reaction/JSX-Sort-Props&Quot;的配置无效的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,

勇敢去编程!

勇敢的热爱编程,未来的你一定会大放异彩,未来的生活一定会因编程更好!

TOP