How to disable eslint eqeqeq?

Question

I use create-react-app and just want to add rules to my package.json. I see that I can disable this rule, but how? In the official document, only the phrase "If you don't want to enforce a style for using equality operators, then it's safe to disable this rule."

https://github.com/eslint/eslint/blob/master/docs/rules/eqeqeq.md#when-not-to-use-it

I found that i can write this:

// package.json
{
  "name": "mypackage",
  ...,
  "eslintConfig": {
    "rules": {
      "eqeqeq": "off"
    }
  }
}

but it not works.

I would like to clarify the question. The reason for my question here is not that I don't know how to disable the rule, I do not know how to disable it in the package.json. I just don't want to clutter up the project's root directory with an additional file.

Answer 1

you can add an eslint configuration file .eslintrc and disable the rules you want inside it.

docs

Answer 2

You may locate the eslint configuration file, and change eqeqeq rule to off:

eqeqeq: 'off',

Also, make sure that you don't override the setting farther.

Answer 3

{
  "root": true,
  "ignorePatterns": [
    "projects/**/*"
  ],
  "overrides": [
    {
      "files": [
        "*.ts"
      ],
      "parserOptions": {
        "project": [
          "tsconfig.json",
          "e2e/tsconfig.json"
        ],
        "createDefaultProgram": true
      },
      "extends": [
        "plugin:@angular-eslint/recommended",
        "plugin:@angular-eslint/template/process-inline-templates"
      ],
      "rules": {
        "@angular-eslint/directive-selector": [
          "error",
          {
            "type": "attribute",
            "prefix": "app",
            "style": "camelCase"
          }
        ],
        "@angular-eslint/component-selector": [
          "error",
          {
            "type": "element",
            "prefix": "app",
            "style": "kebab-case"
          }
        ]
      }
    },
    {
      "files": [
        "*.html"
      ],
      "extends": [
        "plugin:@angular-eslint/template/recommended"
      ],
      "rules": {
        "@angular-eslint/template/eqeqeq": "off"
    }
    }
  ]
}

Look at the last rule

Now as how to turn it to "smart" rather than "off" I'm yet to figure that out.

** Notice how its in the "files": [.html] or "files": [.ts]. I put mine in the .html rules because my errors were in html files but if they were in a ts file I'd put the rule there instead.

EDIT 1: I found this website useful https://github.com/nrwl/nx-examples/blob/master/.eslintrc.json

Answer 4

Go to .eslintrc.js then add

rules: {
  eqeqeq: 'off',
},