title: How to fix eslintrc The file does not match your project config?
body: <p>In my typescript project, I am using eslint. The files below are in the root, and I have also subfolders <code>/dist</code> and <code>/src</code>.</p>
  <p>eslintrc.js</p>
  <pre class="lang-js prettyprint-override"><code>module.exports = {
    root: true,
    parser: '@typescript-eslint/parser',
    parserOptions: {
      tsconfigRootDir: __dirname,
      project: ['./tsconfig.json'],
    },
    rules: {
      strict: 'error',
      semi: ['error', 'always'],
      'no-cond-assign': ['error', 'always'],
    },
    plugins: ['@typescript-eslint'],
    extends: [
      'eslint:recommended',
      'plugin:@typescript-eslint/recommended',
      'plugin:@typescript-eslint/recommended-requiring-type-checking',
    ],
  }
  </code></pre>
  <p>tsconfig.json</p>
  <pre class="lang-json prettyprint-override"><code>{
    &quot;compilerOptions&quot;: {
      &quot;outDir&quot;: &quot;dist&quot;,
      &quot;noImplicitAny&quot;: true,
      &quot;moduleResolution&quot;: &quot;Node&quot;,
      &quot;resolveJsonModule&quot;: true,
      &quot;module&quot;: &quot;ES2020&quot;,
      &quot;target&quot;: &quot;ES2020&quot;,
      &quot;lib&quot;: [&quot;ES2020&quot;],
      &quot;allowJs&quot;: false,
      &quot;alwaysStrict&quot;: true
    },
    &quot;include&quot;: [&quot;src&quot;]
  }
  </code></pre>
  <p>the word <code>module</code> on top has a red line with this error</p>
  <pre><code>Parsing error: &quot;parserOptions.project&quot; has been set for @typescript-eslint/parser.
  The file does not match your project config: .eslintrc.js.
  The file must be included in at least one of the projects provided. eslint
  </code></pre>
  <p>How can I fix this?</p>