覆蓋 eslint 規則

Question

我似乎無法覆蓋"no-use-before-define"的行為。 在定義之前使用 function 時，我不想被警告。 我嘗試在 VS Code 中禁用和重新啟用 ESLint 服務，但沒有成功。

VS 代碼擴展： ESLint , Prettier

.eslintrc

{
  "env": {
    "browser": true
  },
  "parser": "@typescript-eslint/parser",
  "plugins": ["@typescript-eslint"],
  "extends": [
    "airbnb",
    "plugin:@typescript-eslint/recommended",
    "prettier",
    "prettier/@typescript-eslint",
    "prettier/react",
    "prettier/standard",
    "prettier/@typescript-eslint",
    "plugin:prettier/recommended"
  ],
  "settings": {
    "import/resolver": {
      "node": {
        "extensions": [".js", ".jsx", ".ts", ".tsx"]
      }
    }
  },
  "rules": {
    "no-use-before-define": ["error", { "functions": false, "classes": true }]
  }
}

.prettierrc.js

module.exports = {
  semi:  true,
  trailingComma:  'all',
  singleQuote:  true,
  printWidth:  120,
  tabWidth:  2,
  endOfLine: 'auto',
}

Answer 1

安裝幾個節點模塊后，我能夠在 small.tsx 文件上使用您的配置。 似乎解決方案只是：而不是

"no-use-before-define": ["error", { "functions": false, "classes": true }]

看來你需要使用

"@typescript-eslint/no-use-before-define": ["error", { "functions": false, "classes": true }]

因為錯誤來自@typescript-eslint 。

Answer 2

如果一切都丟失了，那么您可以使用以下命令為單行指定規則。

/*eslint-disable */

//It will disable all the warnings between comments
alert('eslint disabled');

//To enable just add the below line of code.
/*eslint-enable */