1926

In order to turn off linting rule for a particular line in JSHint we use the following rule:

/* jshint ignore:start*/
$scope.someVar = ConstructorFunction();
/* jshint ignore:end */

I have been trying to locate the equivalent of the above for eslint.

3
  • 154
    Use eslint-disable-next-line: May 17, 2017 at 6:53
  • 7
    Starting with ESLint v7, you can specify the reason for disabling a given rule in the same comment. May 16, 2020 at 6:24
  • 7
    To disable multiple specific rules: // eslint-disable-line no-console, max-len
    – totymedli
    Feb 4, 2021 at 20:15

14 Answers 14

3010

To disable next line:

// eslint-disable-next-line no-use-before-define
var thing = new Thing();

Or use the single line syntax:

var thing = new Thing(); // eslint-disable-line no-use-before-define

See the eslint docs


Thanks to KhalilRavanna comment

if you don't care about specificity you can just do //eslint-disable-line and it appears to disable all rules for the given line

var thing = new Thing() // eslint-disable-line
10
  • 9
    Now I get another eslint problem: warning Unexpected comment inline with code no-inline-comments :(
    – arcseldon
    Dec 19, 2015 at 10:59
  • 89
    Works great for me. Also if you don't care about specificity you can just do //eslint-disable-line and it appears to disable all rules for the given line. Jan 22, 2016 at 17:08
  • 7
    For some reason this doesn't work for me; I'm running eslint 3.8.0. I have to use /*eslint-disable */ and /*eslint-enable */. Any idea why this might be? I like the single line approach Oct 17, 2016 at 14:43
  • 14
    @SomethingOn had the same problem, turned out I had --no-inline-config turned on, which Prevent comments from changing config or rules
    – tibalt
    Dec 20, 2016 at 11:18
  • 4
    Not working with "gulp-eslint": "^3.0.1". I have to use /*eslint-disable */
    – olefrank
    Jan 22, 2017 at 16:46
678

Update

ESlint has now been updated with a better way disable a single line

// eslint-disable-next-line $rulename

see @goofballLogic's excellent answer.

NOTE Though, the above not working for jsx eg React webapp


Old answer

You can use the following pair of disable/ enable comments - please note only /*eslint ... */ syntax working, //eslint ... NOT working

/* eslint-disable */
alert('suppress all warnings between comments')
/* eslint-enable */

/* eslint-disable eqeqeq */
alert('suppress specific warning eg eqeqeq between comments')
/* eslint-enable eqeqeq */

To disable a specific warning e.g. eqeqeq for an entire file, you can include a comment at the top of the file:

/* eslint eqeqeq:0 */

And when multi-rule to ignore, list them ON 1 LINE separated with a space

/* eslint jsx-a11y/alt-text:0 react/jsx-no-duplicate-props:0 */
4
  • 9
    BTW, it seems that the // comment syntax does not work… Dec 12, 2017 at 0:29
  • 2
    Also a side note, i was looking for disabling eslint for one line in html. this works :thumbsup: Oct 8, 2018 at 8:39
  • This is best answer to me
    – Nam G VU
    Mar 5 at 11:02
  • In typescript, if setting the name of the rule, I have to add @typescript-eslint/ before the rule name: // eslint-disable-line @typescript-eslint/no-unused-vars Mar 27 at 22:14
270

You can also disable a specific rule/rules (rather than all) by specifying them in the enable (open) and disable (close) blocks:

/* eslint-disable no-alert, no-console */

alert('foo');
console.log('bar');

/* eslint-enable no-alert */

via @goofballMagic's link above: http://eslint.org/docs/user-guide/configuring.html#configuring-rules

2
  • 7
    Be sure your eslint comments pass eslint! -> Expected exception block, space or tab after '/*' in comment. :)
    – Rimian
    Dec 29, 2017 at 0:57
  • I use a combination of prettier and eslint to format my code. This does not allow for inline comments. Many /* eslint-disable-next-line ... */ statements are hard to read and to spot in the code. Nov 20, 2018 at 13:13
131

From Configuring ESLint - Disabling Rules with Inline Comments:

/* eslint-disable no-alert, no-console */


/* eslint-disable */

alert('foo');

/* eslint-enable */


/* eslint-disable no-alert, no-console */

alert('foo');
console.log('bar');

/* eslint-enable no-alert, no-console */


/* eslint-disable */

alert('foo');


/* eslint-disable no-alert */

alert('foo');


alert('foo'); // eslint-disable-line

// eslint-disable-next-line
alert('foo');


alert('foo'); // eslint-disable-line no-alert

// eslint-disable-next-line no-alert
alert('foo');


alert('foo'); // eslint-disable-line no-alert, quotes, semi

// eslint-disable-next-line no-alert, quotes, semi
alert('foo');


foo(); // eslint-disable-line example/rule-name
86

Answer

You can use an inline comment: // eslint-disable-next-line rule-name.

Example

// eslint-disable-next-line no-console
console.log('eslint will ignore the no-console on this line of code');

Reference

ESLint - Disabling Rules with Inline Comments

1
33

The general end of line comment, // eslint-disable-line, does not need anything after it: no need to look up a code to specify what you wish ES Lint to ignore.

If you need to have any syntax ignored for any reason other than a quick debugging, you have problems: why not update your delint config?

I enjoy // eslint-disable-line to allow me to insert console for a quick inspection of a service, without my development environment holding me back because of the breach of protocol. (I generally ban console, and use a logging class - which sometimes builds upon console.)

7
  • No offence, but this is the same solution as the accepted answer, so not sure how this helps? Jan 28, 2016 at 10:23
  • 31
    Do NOT do this. If you have 5 errors on the line, they will all be ignored. Always explicitly set the rule which is to be ignored or the kids will make a mess. Mar 17, 2016 at 10:48
  • 3
    @FilipDupanović If your programmers can make a mess within a single line of code, just because eslint is not looking over their shoulders for a single line. There is really something else going wrong at your company... That said, saying what rule you wish to ignore makes it more clear why you put the disable line there in the first place. May 2, 2016 at 14:14
  • 2
    @FilipDupanović Maybe eslint should have a meta rule for requiring explicit rule to ignore? Maybe it already does.
    – Josef.B
    Dec 3, 2016 at 15:39
  • 1
    @Josef.B there's a non-standard rule for that: github.com/sindresorhus/eslint-plugin-unicorn/blob/master/docs/… It works really nicely. Jul 18, 2019 at 14:10
23

Or for multiple ignores on the next line, string the rules using commas

// eslint-disable-next-line class-methods-use-this, no-unused-vars
15

My answer, similar to others given, but shows how you can also add a comment to yourself on the same line.

// eslint-disable-line // THIS WON"T WORK

Use -- if you also need to write a comment on that line (eg. maybe why eslint is disabled)

// eslint-disable-line -- comment to self (This DOES work)

Can be used in conjunction with specific eslint rules to ignore:

// eslint-disable-line no-console -- comment to self (This Also Works!)
1
  • 1
    Excellent. This is what I was looking for, nice and clean with a custom comment. Mine is: /* eslint-disable-next-line import/no-unresolved -- file is created at runtime */ Sep 19 at 10:53
14

To disable a single rule for the rest of the file below:

/* eslint no-undef: "off"*/
const uploadData = new FormData();
1
14

To disable all rules on a specific line:

alert('foo'); // eslint-disable-line
4

To disable all rules on a specific line:

// @ts-ignore
$scope.someVar = ConstructorFunction();
2
  • 1
    As of this date in 2023, this works in VSCode, and in typescriptlang.org Playground, when all other ESLint rules provided here do not work. There is probably something specific to the ESLint rules themselves, that preclude the other directives from working, perhaps a difference between TS and ES? Anyone?
    – TonyG
    May 26 at 21:09
  • @TonyG In VS 2022 with TS/React, I had to add a qualifier before the rule name: // eslint-disable-next-line @typescript-eslint/no-empty-interface. The warning tooltip told me the name.
    – Tim M.
    Jun 14 at 23:14
3

I have disabled that perticular line some thing below

<TableRow
   key={index}
   className={classes.tableRow}
   onClick={this.onSelectedValue.bind(this, user)} // eslint-disable-line
>{index}
</TableRow>
1

single line comment did not work for me inside a react dumb functional component, I have used file level disabling by adding /* eslint-disable insertEslintErrorDefinitionHere */

(normally if you are using vs code and getting eslint error, you can click on the line which gives error and a bulb would show up in vs code, right click on the light bulb and choose any disable option and vs code will do it for you.)

-8

You can add the files which give error to .eslintignore file in your project.Like for all the .vue files just add /*.vue

2
  • 5
    it asked for one line, not the whole file Jul 30, 2018 at 15:44
  • 2
    He could also stop using eslint... If your just going to ignore every file that has issue why use it at all? Nov 1, 2019 at 9:22

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.