Parsing error: ESLint was configured to run on <tsconfigRootDir>/vite.config.ts using parserOptions.project:

[vaynevayne]

Describe the bug

pnpm create vite
react typescript-swc

Reproduction

https://stackblitz.com/edit/vitejs-vite-psmxmw?file=tsconfig.node.json

Steps to reproduce

No response

System Info

OS: macOS 12.5.1
    CPU: (8) arm64 Apple M1 Pro
    Memory: 101.81 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 16.16.0 - ~/.nvm/versions/node/v16.16.0/bin/node
    Yarn: 1.22.19 - /opt/homebrew/bin/yarn
    npm: 8.11.0 - ~/.nvm/versions/node/v16.16.0/bin/npm
    pnpm: 8.5.1 - /opt/homebrew/bin/pnpm
    Watchman: 2023.02.27.00 - /opt/homebrew/bin/watchman
  Browsers:
    Chrome: 114.0.5735.198
    Safari: 15.6.1
  npmPackages:
    @vitejs/plugin-react-swc: ^3.3.2 => 3.3.2 
    vite: ^4.4.0 => 4.4.0

Used Package Manager

pnpm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• vitejs-vite-psmxmw (Open reproduction)

[sapphi-red]

No error happens when running npm run lint. Please describe what you think is the bug.

[github-actions]

Hello @vaynevayne. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with need reproduction will be closed if they have no activity within 3 days.

[AlexMNet]

@vaynevayne I am having the same issue trying to start a new vite react typescript project.

[Hongbusi]

I also encountered the same problem and created a new react + ts project through vite.

[berkerdemirer]

Having the same issue

[Javier1177]

Having the same issue with npm

[prajwalsharma]

Having the same issue with npm

[AlexMNet]

This helped me for the time being

#13747 (comment)

[jaffyyyy]

having the same issue inside src folder, another fix is to add src in ignorePatterns: ignorePatterns: [".eslintrc.cjs", "vite.config.ts", "src"], in .eslintrc.cjs.

[Warchino]

Same issue but using yarn.

[ikangjie]

Having the same issue

[basitcodeenv]

Same Issue

[puxiao]

Problem solved
./.eslintrc.cjs ：change parserOptions.project to ['./tsconfig.json', './tsconfig.node.json']

#13747 (comment)

---

I have discovered a new solution !

./.eslintrc.cjs ：change parserOptions.project to ['./tsconfig.json', './tsconfig.node.json']

tsconfig.node.json

- "include": ["vite.config.ts"]
+ "include": ["vite.config.ts", ".eslintrc.cjs"]

By the way, another thing: If you use node.js in vite

xxx.js, not xxx.cjs

__dirname is not defined in es module scope

You need to modify it to the following code :

import path from 'path'
import { fileURLToPath } from 'url'
const __filename = fileURLToPath(import.meta.url)
const __dirname = path.dirname(__filename)

[Brendler17]

same :(

[liudayang]

having the same issue inside src folder, another fix is to add src in ignorePatterns: ignorePatterns: [".eslintrc.cjs", "vite.config.ts", "src"], in .eslintrc.cjs.

you'd better delete src