Unknown compiler option 'erasableSyntaxOnly'

[m-naeem66622]

Describe the bug

I used the command npm create vite@latest to fresh setup for the repository.

But it gives me error in tsconfig.app.json and tsconfig.node.json.

Error: Unknown compiler option 'erasableSyntaxOnly'.

I searched for the error and came to know that it make sure you have typescript version 5.8 or later to use this option. I package.json its 5.8.3 added as dev dependencies

Reproduction

Not required

Steps to reproduce

Steps to reproduce

1. Create a fresh vite project npm create vite@latest with Typescript variation
2. Get into the project directory `cd
3. Install the packages npm install

System Info

System:
    OS: Linux 6.12 Parrot Security 6.4 (lorikeet) 6.4 (lorikeet)
    CPU: (4) x64 Intel(R) Core(TM) i5-7200U CPU @ 2.50GHz
    Memory: 1.86 GB / 7.61 GB
    Container: Yes
    Shell: 5.2.15 - /bin/bash

  Binaries:
    Node: 18.19.0 - /usr/bin/node
    npm: 9.2.0 - /usr/bin/npm

  Browsers:
    Chrome: 137.0.7151.103
    Chromium: 137.0.7151.68

  npmPackages:
    @vitejs/plugin-react: ^4.4.1 => 4.5.2 
    vite: ^6.3.5 => 6.3.5

Used Package Manager

npm

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.

[hi-ogawa]

The error is likely due to editor setup. For example, on vscode, you can check https://code.visualstudio.com/docs/typescript/typescript-compiling#_using-the-workspace-version-of-typescript

[manistra]

This is it, thanks!

[santiago-dev0x0]

Configura tu espacio de trabajo y dile a VSCode que use la versión de TypeScript definida localmente en tu proyecto.
Para ello, agrega lo siguiente en el archivo .vscode/settings.json:
{
"typescript.tsdk": "./node_modules/typescript/lib"
}
https://code.visualstudio.com/docs/typescript/typescript-compiling#_using-newer-typescript-versions

[JoshuaHintze]

The settings.json file did not work for me. What did work was this from the original link by @hi-ogawa

You can also trigger the TypeScript version selector with the TypeScript: Select TypeScript Version command.

Then I selected the typescript version of 5.8.1 in my node_modules