PROBLEM
Given the following webpack.config.js…
module.exports = {
...
module: {
rules: [
{
enforce: 'pre',
test: /\.js?$/,
loader: 'eslint-loader',
exclude: /node_modules/,
},
...
],
},
...
};
When running any Webpack command, ESLint may find violations and halt the entire process with the following error message:-
/path/to/front-end-stack/src/js/components/home/Home.js
43:11 error Expected indentation of 6 space characters but found 10 react/jsx-indent
44:14 error Expected indentation of 6 space characters but found 13 react/jsx-indent
x 2 problems (2 errors, 0 warnings)
2 errors, 0 warnings potentially fixable with the `--fix` option.
SOLUTION
Certain errors (ex: trailing commas, wrong indentation, extra semicolon) are easily fixable.
There’s no need to halt the process and wait for developers to fix these obvious errors.
To configure ESLint to automatically fix these “soft” errors, add the following options block to the above rule:-
module.exports = {
...
module: {
rules: [
{
enforce: 'pre',
test: /\.js?$/,
loader: 'eslint-loader',
exclude: /node_modules/,
options: {
fix: true,
},
},
...
],
},
...
};
If you are using any VCS, remember to commit any file changes.
Leave a Reply