What does the strict flag actually enable?

Setting strict to true turns on a family of stricter checks at once: noImplicitAny, strictNullChecks, strictFunctionTypes, strictBindCallApply, strictPropertyInitialization, noImplicitThis, useUnknownInCatchVariables, and alwaysStrict. You can still override any individual member afterward.

Difference between target and module?

target controls which JavaScript language features are downleveled, for example whether async/await becomes a state machine. module controls the module system of the emitted code, such as ESNext, CommonJS, or NodeNext. They are independent and frequently set to different values.

What does noUncheckedIndexedAccess do?

It makes indexed access like arr[i] or record[key] return T | undefined instead of T, forcing you to handle the possibility that the element is missing. It is not part of strict, so you opt in separately for stronger safety on arrays and maps.

When should I use moduleResolution bundler?

Use the bundler resolution mode when a bundler such as Vite, esbuild, or webpack resolves your imports. It allows extensionless imports and respects the exports field without the stricter rules of NodeNext, which suits browser app projects.

What does isolatedModules enforce?

It requires every file to be compilable on its own, which is what single-file transpilers like Babel, esbuild, and SWC need. It bans constructs that need whole-program type information, such as re-exporting a type without the import type syntax or using const enums across files.

tsconfig.json Options Reference

Email me this result

Get this tool's output sent to your inbox, plus one useful tool a week. No spam, unsubscribe any time.

A tsconfig.json decides how strictly TypeScript checks your code and what JavaScript it emits. The same source can be safe or unsafe depending on a handful of flags. This reference covers the compilerOptions you tune most, with each flag’s type, default, and concrete effect.

How it works

Compiler options fall into a few jobs. Type-checking flags (the strict family plus extras like noUncheckedIndexedAccess) change which programs are accepted. Module flags (module, moduleResolution, target) change how imports resolve and what runtime features survive. Emit flags (declaration, sourceMap, outDir, noEmit) change what files are written.

Setting strict: true is shorthand for enabling its whole family. The reference marks which flags belong to that family so you can see exactly what strict mode implies and decide whether to layer on the non-strict extras.

Tips

For a browser app bundled by Vite or esbuild, a sensible base is target: "ESNext", module: "ESNext", moduleResolution: "bundler", strict: true, and noEmit: true (the bundler does the emit). Add noUncheckedIndexedAccess and exactOptionalPropertyTypes once the codebase is clean for an extra safety margin. For a published library, prefer NodeNext resolution, emit declarations, and keep isolatedModules: true so any single-file transpiler can build it.