Getting module, moduleResolution, and target to actually agree with each other in a tsconfig.json is a common source of confusing TypeScript errors. This tool builds a correct, environment-matched starting config instantly.
What Is the tsconfig.json Generator?
Pick your project type — Node.js (CommonJS or ESM), React/Vite, or a publishable library — and get a tsconfig.json with real, recommended compiler option combinations matched to how that environment actually resolves modules.
How to Use It
- Open the tool at /tools/tsconfig-generator.
- Choose your project type, target ECMAScript version, and whether to enable strict mode.
- Copy the generated
tsconfig.jsoninto your project root.
Key Features
- Four environment presets with correctly matched
module/moduleResolutionpairs. - Strict mode toggle, TypeScript’s recommended bundle of stricter type checks.
- Library preset adds
declaration/declarationMapfor publishable packages. - Live JSON preview with copy-to-clipboard.
When to Use This Tool
- Starting a new TypeScript project without hunting through docs for the right module settings.
- Fixing confusing “cannot find module” errors caused by mismatched module resolution settings.
- Setting up a library package that needs to ship type declarations.
Try It Now
Open tsconfig.json Generator directly, or press ⌘K and type the tool name from anywhere on the site.
Part of the DevOps Tools collection on WebdevToolbox — free, browser-based developer tools with no login required.