As in this post I'm facing similar problem. Vscode intellisense is very slow in Nextjs with TypeScript I tried all the solution like :

• Disabling all the extensions

• Switch to vscode insiders build with no extensions installed

nothing seemed to work but deleting node_modules folder makes my intellisense lightning fast.

And this problem seemed to be only for a particular project not in any other project, so maybe I messed up with my config.

My tsconfig.json and package.json is available in this stackoverflow post.

Please help me out.

Update :

The problem is only in .ts or .tsx files.

I’ve small next.js app which consists of 5 pages and ~15 components and ~30 files related to backend (pure ts). The vscode typescript checking takes about 1-2 seconds to report anything. If there’s type error It’ll keep saying loading if and takes about 2 seconds to show the error.

Any suggestions?

It takes a long time to load any hints when working with typescript in a project. I've tried disabling all extensions. When i reload the window, for a few seconds, it actually works, as soon as i type i get completion hints. At one moment, it stops, and it takes something like 20 seconds for the hint window to popup.

I am looking at the ts server log:

Info 603  [21:38:54.316] Starting updateGraphWorker: Project: d:/projects/uv-editor/tsconfig.json
Info 604  [21:38:54.331] Finishing updateGraphWorker: Project: d:/projects/uv-editor/tsconfig.json projectStateVersion: 8 projectProgramVersion: 1 structureChanged: false structureIsReused:: Completely Elapsed: 14.592599999999948ms
Info 605  [21:38:54.331] Different program with same set of files
Perf 606  [21:38:54.339] 72::encodedSemanticClassifications-full: elapsed time (in milliseconds) 22.8079

This is my tsconfig:

{
  "compilerOptions": {
    "target": "ES2020",
    "useDefineForClassFields": true,
    // "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "lib": [
      "ES2020",
      "DOM"
    ],
    "module": "ESNext",
    "skipLibCheck": true,
    /* Bundler mode */
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    // "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",
    /* Linting */
    "strict": true,
    // "noUnusedLocals": true,
    // "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true,
    // "typeRoots": ["node_modules/@types"],
    //from instaliing shacdn
    // "baseUrl": ".",
    // "paths": {
    //   "@/*": [
    //     "./src/*"
    //   ]
    // }
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx"
  ],
  "exclude": [
    "node_modules",
    "dist"
  ],
  // "references": [
  //   {
  //     "path": "./tsconfig.node.json"
  //   }
  // ]
}

Not sure how to even figure out what the problem is. I disabled all of my extensions, but the intellisense menu doesn't show up for a good 5-10 seconds. It's infuriating.

The even weirder part is that if I open Help -> Interactive Playground and try the snippet completion there, that fixes it temporarily (for like the next 5-6 snippet requests). It's like there's a buffer somewhere that gets bogged down by snippet requests and then it's reset when I do that.0

I have no idea how to fix this, but it's infuriating.

Edit: I'll keep in touch if this is the solution, but as u/dna30 said, I've changed which typescript version I'm using following this stackoverflow page