Migrating to v5.0.0
ESLint v5.0.0 is the fifth major version release. We have made a few breaking changes in this release, but we expect that most users will be able to upgrade without any modifications to their build. This guide is intended to walk you through the breaking changes.
The lists below are ordered roughly by the number of users each change is expected to affect, where the first items are expected to affect the most users.
Breaking changes for users
- Node.js 4 is no longer supported
- New rules have been added to
eslint:recommended
- The
experimentalObjectRestSpread
option has been deprecated - Linting nonexistent files from the command line is now a fatal error
- The default options for some rules have changed
- Deprecated globals have been removed from the
node
,browser
, andjest
environments - Empty files are now linted
- Plugins in scoped packages are now resolvable in configs
- Multi-line
eslint-disable-line
directives are now reported as problems
Breaking changes for plugin/custom rule developers
- The
parent
property of AST nodes is now set before rules start running - When using the default parser, spread operators now have type
SpreadElement
- When using the default parser, rest operators now have type
RestElement
- When using the default parser, text nodes in JSX elements now have type
JSXText
- The
context.getScope()
method now returns more proper scopes - The
_linter
property on rule context objects has been removed RuleTester
now uses strict equality checks in its assertions- Rules are now required to provide messages along with reports
Breaking changes for integration developers
- The
source
property is no longer available on individual linting messages - Fatal errors now result in an exit code of 2
- The
eslint.linter
property is now non-enumerable
Node.js 4 is no longer supported
As of April 30th, 2018, Node.js 4 will be at EOL and will no longer be receiving security updates. As a result, we have decided to drop support for it in ESLint v5. We now support the following versions of Node.js:
- Node.js 6 (6.14.0 and above)
- Node.js 8 (8.10.0 and above)
- Anything above Node.js 9.10.0
To address: Make sure you upgrade to at least Node.js 6 when using ESLint v5. If you are unable to upgrade, we recommend continuing to use ESLint v4.x until you are able to upgrade Node.js.
eslint:recommended
changes
Two new rules have been added to the eslint:recommended
config:
for-direction
enforces that afor
loop update clause moves the counter in the right direction.getter-return
enforces that areturn
statement is present in property getters.
To address: To mimic the eslint:recommended
behavior from 4.x, you can disable these rules in a config file:
{
"extends": "eslint:recommended",
"rules": {
"for-direction": "off",
"getter-return": "off"
}
}
The experimentalObjectRestSpread
option has been deprecated
Previously, when using the default parser it was possible to use the experimentalObjectRestSpread
option to enable support for rest/spread properties, as follows:
{
"parserOptions": {
"ecmaFeatures": {
"experimentalObjectRestSpread": true
}
}
}
Object rest/spread is now an official part of the JavaScript language, so our support for it is no longer experimental. In both ESLint v4 and ESLint v5, object rest/spread can now be enabled with the "ecmaVersion": 2018
option:
{
"parserOptions": {
"ecmaVersion": 2018
}
}
Note that this also enables parsing for other features from ES2018, such as async iteration. When using ESLint v5 with the default parser, it is no longer possible to toggle syntax support for object rest/spread independently of other features.
For compatibility, ESLint v5 will treat ecmaFeatures: { experimentalObjectRestSpread: true }
as an alias for ecmaVersion: 2018
when the former is found in a config file. As a result, if you use object rest/spread, your code should still parse successfully with ESLint v5. However, note that this alias will be removed in ESLint v6.
To address: If you use the experimentalObjectRestSpread
option, you should be able to upgrade to ESLint v5 without any changes, but you will encounter a deprecation warning. To avoid the warning, use ecmaVersion: 2018
in your config file rather than ecmaFeatures: { experimentalObjectRestSpread: true }
. If you would like to disallow the use of other ES2018 features, consider using rules such as no-restricted-syntax
.
Linting nonexistent files from the command line is now a fatal error
Previous versions of ESLint silently ignored any nonexistent files and globs provided on the command line:
eslint nonexistent-file.js 'nonexistent-folder/**/*.js' # exits without any errors in ESLint v4
Many users found this behavior confusing, because if they made a typo in a filename, ESLint would appear to lint that file successfully while actually not linting anything.
ESLint v5 will report a fatal error when either of the following conditions is met:
- A file provided on the command line does not exist.
- A glob or folder provided on the command line does not match any lintable files.
Note that this also affects the CLIEngine.executeOnFiles()
API.
To address: If you encounter an error about missing files after upgrading to ESLint v5, you may want to double-check that there are no typos in the paths you provide to ESLint. To make the error go away, you can simply remove the given files or globs from the list of arguments provided to ESLint on the command line.
If you use a boilerplate generator that relies on this behavior (e.g. to generate a script that runs eslint tests/
in a new project before any test files are actually present), you can work around this issue by adding a dummy file that matches the given pattern (e.g. an empty tests/index.js
file).
The default options for some rules have changed
- The default options for the
object-curly-newline
rule have changed from{ multiline: true }
to{ consistent: true }
. - The default options object for the
no-self-assign
rule has changed from{ props: false }
to{ props: true }
.
To address: To restore the rule behavior from ESLint v4, you can update your config file to include the previous options:
{
"rules": {
"object-curly-newline": ["error", { "multiline": true }],
"no-self-assign": ["error", { "props": false }]
}
}
Deprecated globals have been removed from the node
, browser
, and jest
environments
Some global variables have been deprecated or removed for code running in Node.js, browsers, and Jest. (For example, browsers used to expose an SVGAltGlyphElement
global variable to JavaScript code, but this global has been removed from web standards and is no longer present in browsers.) As a result, we have removed these globals from the corresponding eslint
environments, so use of these globals will trigger an error when using rules such as no-undef
.
To address: If you use deprecated globals in the node
, browser
, or jest
environments, you can add a globals
section to your configuration to re-enable any globals you need. For example:
{
"env": {
"browser": true
},
"globals": {
"SVGAltGlyphElement": false
}
}
Empty files are now linted
ESLint v4 had a special behavior when linting files that only contain whitespace: it would skip running the parser and rules, and it would always return zero errors. This led to some confusion for users and rule authors, particularly when writing tests for rules. (When writing a stylistic rule, rule authors would occasionally write a test where the source code only contained whitespace, to ensure that the rule behaved correctly when no applicable code was found. However, a test like this would actually not run the rule at all, so an aspect of the rule would end up untested.)
ESLint v5 treats whitespace-only files the same way as all other files: it parses them and runs enabled rules on them as appropriate. This could lead to additional linting problems if you use a custom rule that reports errors on empty files.
To address: If you have an empty file in your project and you don’t want it to be linted, consider adding it to an .eslintignore
file.
If you have a custom rule, you should make sure it handles empty files appropriately. (In most cases, no changes should be necessary.)
Plugins in scoped packages are now resolvable in configs
When ESLint v5 encounters a plugin name in a config starting with @
, the plugin will be resolved as a scoped npm package. For example, if a config contains "plugins": ["@foo"]
, ESLint v5 will attempt to load a package called @foo/eslint-plugin
. (On the other hand, ESLint v4 would attempt to load a package called eslint-plugin-@foo
.) This is a breaking change because users might have been relying on ESLint finding a package at node_modules/eslint-plugin-@foo
. However, we think it is unlikely that many users were relying on this behavior, because packages published to npm cannot contain an @
character in the middle.
To address: If you rely on ESLint loading a package like eslint-config-@foo
, consider renaming the package to something else.
Multi-line eslint-disable-line
directives are now reported as problems
eslint-disable-line
and eslint-disable-next-line
directive comments are only allowed to span a single line. For example, the following directive comment is invalid:
alert('foo'); /* eslint-disable-line
no-alert */ alert('bar');
// (which line is the rule disabled on?)
Previously, ESLint would ignore these malformed directive comments. ESLint v5 will report an error when it sees a problem like this, so that the issue can be more easily corrected.
To address: If you see new reported errors as a result of this change, ensure that your eslint-disable-line
directives only span a single line. Note that “block comments” (delimited by /* */
) are still allowed to be used for directives, provided that the block comments do not contain linebreaks.
The parent
property of AST nodes is now set before rules start running
Previously, ESLint would set the parent
property on each AST node immediately before running rule listeners for that node. This caused some confusion for rule authors, because the parent
property would not initially be present on any nodes, and it was sometimes necessary to complicate the structure of a rule to ensure that the parent
property of a given node would be available when needed.
In ESLint v5, the parent
property is set on all AST nodes before any rules have access to the AST. This makes it easier to write some rules, because the parent
property is always available rather than being mutated behind the scenes. However, as a side-effect of having parent
properties, the AST object has a circular structure the first time a rule sees it (previously, it only had a circular structure after the first rule listeners were called). As a result, a custom rule that enumerates all properties of a node in order to traverse the AST might now loop forever or run out of memory if it does not check for cycles properly.
To address: If you have written a custom rule that enumerates all properties of an AST node, consider excluding the parent
property or implementing cycle detection to ensure that you obtain the correct result.
When using the default parser, spread operators now have type SpreadElement
Previously, when parsing JS code like const foo = {...data}
with the experimentalObjectRestSpread
option enabled, the default parser would generate an ExperimentalSpreadProperty
node type for the ...data
spread element.
In ESLint v5, the default parser will now always give the ...data
AST node the SpreadElement
type, even if the (now deprecated) experimentalObjectRestSpread
option is enabled. This makes the AST compliant with the current ESTree spec.
To address: If you have written a custom rule that relies on spread operators having the ExperimentalSpreadProperty
type, you should update it to also work with spread operators that have the SpreadElement
type.
When using the default parser, rest operators now have type RestElement
Previously, when parsing JS code like const {foo, ...rest} = data
with the experimentalObjectRestSpread
option enabled, the default parser would generate an ExperimentalRestProperty
node type for the ...data
rest element.
In ESLint v5, the default parser will now always give the ...data
AST node the RestElement
type, even if the (now deprecated) experimentalObjectRestSpread
option is enabled. This makes the AST compliant with the current ESTree spec.
To address: If you have written a custom rule that relies on rest operators having the ExperimentalRestProperty
type, you should update it to also work with rest operators that have the RestElement
type.
When using the default parser, text nodes in JSX elements now have type JSXText
When parsing JSX code like <a>foo</a>
, the default parser will now give the foo
AST node the JSXText
type, rather than the Literal
type. This makes the AST compliant with a recent update to the JSX spec.
To address: If you have written a custom rule that relies on text nodes in JSX elements having the Literal
type, you should update it to also work with nodes that have the JSXText
type.
The context.getScope()
method now returns more proper scopes
Previously, the context.getScope()
method changed its behavior based on the parserOptions.ecmaVersion
property. However, this could cause confusing behavior when using a parser that doesn’t respond to the ecmaVersion
option, such as babel-eslint
.
Additionally, context.getScope()
incorrectly returned the parent scope of the proper scope on CatchClause
(in ES5), ForStatement
(in ≧ES2015), ForInStatement
(in ≧ES2015), ForOfStatement
, and WithStatement
nodes.
In ESLint v5, the context.getScope()
method has the same behavior regardless of parserOptions.ecmaVersion
and returns the proper scope. See the documentation for more details on which scopes are returned.
To address: If you have written a custom rule that uses the context.getScope()
method in node handlers, you may need to update it to account for the modified scope information.
The _linter
property on rule context objects has been removed
Previously, rule context objects had an undocumented _linter
property, which was used internally within ESLint to process reports from rules. Some rules used this property to achieve functionality that was not intended to be possible for rules. For example, several plugins used the _linter
property in a rule to monitor reports from other rules, for the purpose of checking for unused /* eslint-disable */
directive comments. Although this functionality was useful for users, it could also cause stability problems for projects using ESLint. For example, an upgrade to a rule in one plugin could unexpectedly cause a rule in another plugin to start reporting errors.
The _linter
property has been removed in ESLint v5.0, so it is no longer possible to implement rules with this functionality. However, the --report-unused-disable-directives
CLI flag can be used to flag unused directive comments.
RuleTester
now uses strict equality checks in its assertions
Previously, RuleTester
used loose equality when making some of its assertions. For example, if a rule produced the string "7"
as a result of autofixing, RuleTester
would allow the number 7
in an output
assertion, rather than the string "7"
. In ESLint v5, comparisons from RuleTester
use strict equality, so an assertion like this will no longer pass.
To address: If you use RuleTester
to write tests for your custom rules, make sure the expected values in your assertions are strictly equal to the actual values.
Rules are now required to provide messages along with reports
Previously, it was possible for rules to report AST nodes without providing a report message. This was not intended behavior, and as a result the default formatter would crash if a rule omitted a message. However, it was possible to avoid a crash when using a non-default formatter, such as json
.
In ESLint v5, reporting a problem without providing a message always results in an error.
To address: If you have written a custom rule that reports a problem without providing a message, update it to provide a message along with the report.
The source
property is no longer available on individual linting messages
As announced in October 2016, the source
property has been removed from individual lint message objects.
To address: If you have a formatter or integration which relies on using the source
property on individual linting messages, you should update it to use the source
property on file results objects instead.
Fatal errors now result in an exit code of 2
When using ESLint v4, both of the following scenarios resulted in an exit code of 1 when running ESLint on the command line:
- Linting completed successfully, but there are some linting errors
- Linting was unsuccessful due to a fatal error (e.g. an invalid config file)
As a result, it was difficult for an integration to distinguish between the two cases to determine whether it should try to extract linting results from the output.
In ESLint v5, an unsuccessful linting run due to a fatal error will result in an exit code of 2, rather than 1.
To address: If you have an integration that detects all problems with linting runs by checking whether the exit code is equal to 1, update it to check whether the exit code is nonzero instead.
The eslint.linter
property is now non-enumerable
When using ESLint’s Node.js API, the linter
property is now non-enumerable. Note that the linter
property was deprecated in ESLint v4 in favor of the Linter
property.
To address: If you rely on enumerating all the properties of the eslint
object, use something like Object.getOwnPropertyNames
to ensure that non-enumerable keys are captured.