更漂亮的规则“no-multiple-empty-lines”在 React.js 项目中不起作用

Question

我希望能够在我的代码的某些部分使用 2 个空行。 更漂亮的默认行为允许最多有 1 个空行。

我试过使用"no-multiple-empty-lines": [2, {"max": 2 }]但它根本不起作用而且更漂亮仍然抱怨。

这是我的.eslintrc配置文件。 如果您需要任何其他信息，请告诉我。

{
  "env": {
    "node": true,
    "browser": true,
    "es6": true,
    "commonjs": true
  },
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 6,
    "ecmaFeatures": {
      "jsx": true,
      "modules": true
    },
    "sourceType": "module"
  },
  "extends": [
    "eslint:recommended",
    "plugin:prettier/recommended",
    "plugin:react/recommended"
  ],
  "rules": {
    "prettier/prettier": "error",
    "no-multiple-empty-lines": [2, {"max": 2 }],
    "react/jsx-uses-vars": [2],
    "react/react-in-jsx-scope": "off",
    "react/prop-types": "off"
  },
  "plugins": [
    "prettier",
    "react"
  ],
  "settings": {
    "react": {
      "version": "detect" // React version. "detect" automatically picks the version you have installed.
    }
  }
}

Answer 1

这在你的情况下可能不起作用——我只是在没有更漂亮的情况下运行 eslint——但试试这一行：

"no-multiple-empty-lines": ["error", { "max": 2, "maxBOF": 0, "maxEOF": 0 }]

但是，如果您确实想使用 eslint 更漂亮地运行它，那么看起来这可能根本行不通。 不确定我是否正确阅读了这个问题，但似乎在更漂亮的情况下可能无法配置？ 如果你只想改变 eslint 的行为，我认为上面的行应该可以工作，因为我只需要在我自己的配置中使用它。