microsoft / microsoft/vscode-edge-devtools

Setting moduleResolution to bundler causes red squiggles

Open
#1,620 9 comments 28 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug tracked
Dominant language
TypeScript
Stars
827
Forks
358
Avg merge
20h 32m
Merged PRs (30d)
10

Description

Environment (please complete the following information):

  • OS (e.g., Windows 10): Windows 11
  • Extension version (e.g., 1.2.3): v2.1.2

Describe the bug:

The extension causes red squiggles when moduleResolution is set to bundler in tsconfig.json.

Repro steps:

  1. Create a new React Typescript project using Vite: npm create vite@latest my-react-app --template react-ts
  2. Open the generated tsconfig.json

Expected behavior:

No red squiggles. bundler is a valid module resolution type as of Typescript 5.

Additional context:

Disabling the extension makes the red squiggles go away.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the issue with npm create vite@latest my-react-app --template react-ts on Windows 11, then inspect the generated tsconfig.json with moduleResolution set to bundler. Compare the red squiggles with the Microsoft Edge Tools for VS Code extension enabled and disabled; done means the valid TypeScript configuration produces no squiggles while the extension is enabled.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript, vite, vscode
Domain
developer-experience, tooling
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.