jsx - Eslint jsx-quotes 规则不起作用

Question

eslint jsx-quotes 规则在 Visual Studio 代码中不起作用。配置:

.eslintrc.json:

{
    "plugins": ["jsx"],
    "parserOptions": {
        "ecmaVersion": 6,
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true
        }
    },
    "rules": {
        "semi": [2, "never"],
        "jsx-quotes": ["error", "prefer-double"],
        "quotes": ["error", "single"]
    },
    "extends": "eslint:recommended"
}

我所有的其他规则都有效。

示例 jsx 不抛出错误:

<div className="hero-head">
        <div className='container'>
          <div className='tabs is-centered'>
            <ul>
              <li><a>This is always at the top</a></li>
            </ul>
          </div>
        </div>
      </div>

我也尝试过在规则名称前加上“jsx/”

我的配置有问题吗？

Answer 1

如果要为所有文件设置此规则，请在 eslint 配置文件中创建该规则。

  rules: {
    'jsx-quotes': [2, 'prefer-single'],
  }

或 'prefer-double' 表示双引号。