I have .eslintignore
right next to eslintrc.js
The ignore is simply this:
.eslintrc.js
dist/*
node_modules/*
out-tsc/*
However when I go into eslintrc.js
I get this error:
Parsing error: ESLint was configured to run on `<tsconfigRootDir>/.eslintrc.js` using `parserOptions.project`: <tsconfigRootDir>/../../../../../../users/dstein/repositories/social-experiment/packages/site/tsconfig.json
However, that TSConfig does not include this file. Either:
- Change ESLint's list of included files to not include this file
- Change that TSConfig to include this file
- Create a new TSConfig that includes this file and include it in your parserOptions.project
See the typescript-eslint docs for more info: https://typescript-eslint.io/linting/troubleshooting#i-get-errors-telling-me-eslint-was-configured-to-run--however-that-tsconfig-does-not--none-of-those-tsconfigs-include-this-file
The article it links to unsurprisingly says to use .eslintignore
if you don't want to lint the file the error is on. Meanwhile, my TS config does not say to include any js
files.
{
"compilerOptions": {
"target": "es2018",
"module": "esnext",
"moduleResolution": "node",
"noEmitOnError": true,
"lib": ["es2017", "dom"],
"strict": true,
"esModuleInterop": false,
"allowSyntheticDefaultImports": true,
"experimentalDecorators": true,
"importHelpers": true,
"outDir": "out-tsc",
"sourceMap": true,
"inlineSources": true,
"rootDir": "./",
"incremental": true
},
"include": ["**/*.ts"],
}
Really bewildered why TS Config saying to only include ts
files would have ESLint it was configured to run using parserOptions.project
The ESLint config is fairly straightforward (I will remove all the rules to save some reading here):
module.exports = {
root: true,
parser: '@typescript-eslint/parser',
parserOptions: {
tsconfigRootDir: __dirname,
project: ['./tsconfig.json'],
},
plugins: ['@typescript-eslint'],
env: {
es6: true,
browser: true,
},
extends: [
'@open-wc',
'eslint:recommended',
'plugin:import/recommended',
'prettier',
],
rules: {},
};