typescript outDir setting in tsconfig.json not working

TypescriptBuildpackage.jsonTscOutdir

Typescript Problem Overview


I can't seem to get the outDir flag working when used in package.json. Directory structure is pretty simple: tsconfig.json at the root level, together with a src/ directory and a single index.ts file plus other directories representing other modules.

When running the tsc command on the index file, it creates a new one beside it instead of in the build directory. What am I doing wrong?

My tsconfig:

{
  "compilerOptions": {
    "outDir": "build"
  }
}

My npm build script:

"build": "tsc src/index.ts"

I'm calling the script from the root dir of the project. Interestingly, running the same script with an --outDir flag works just fine.

Typescript Solutions


Solution 1 - Typescript

When you pass in files for compilation with tsc src/index.ts, your tsconfig.json is ignored.

From the documentation:

> When input files are specified on the command line, tsconfig.json > files are ignored.

Your npm build script should just be tsc without passing any files.

Solution 2 - Typescript

In my case it was being ignored because I had noEmit: true in tsconfig.json. For whatever reason, the files still were emitted, but in the same directory instead of following outDir.

The config file was read correctly and this error also appeared when using the flag.

Solution 3 - Typescript

If you are using the incremental compiler option, you may not be getting output if you have deleted / modified files in your outDir but have not removed the .tsbuildinfo file.

My issue was a bit different, but Google brought me here - so figured others may also.

Solution 4 - Typescript

This is my folder structure.

enter image description here

Keep the typescript files in src folder and keep the tsconfig.json in root.

In tsconfig json file add foldername for outDir in compilerOptions

"compilerOptions": {    
    "outDir": "build",
    "module": "commonjs",
    "target": "es6",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "noImplicitAny": true,
    "sourceMap": true
  },

and run the below commands.

just cd to the root folder and type

>tsc

or

>tsc --outDir .

enter image description here

which will build the outDir folder with js and map.js files.

source: https://github.com/Microsoft/TypeScript/issues/10585

Solution 5 - Typescript

You need to declare your tsconfig file location instead of the file you want to build.

tsc --build mocks/tsconfig.json

Solution 6 - Typescript

Make sure "outDir" is defined under "compilerOptions"

I had it defined at the same level as "compilerOptions"

{
  "compilerOptions": {
    "baseUrl": "node_modules/@types",
    "lib": [
      "es6"
    ],
    "outDir": "dist",
    "esModuleInterop": true,
  },
  "exclude": [
    "node_modules"
  ],
  "include": [
    "src/**/*"
  ],
}

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionaryzingView Question on Stackoverflow
Solution 1 - TypescriptSaravanaView Answer on Stackoverflow
Solution 2 - TypescriptfreganteView Answer on Stackoverflow
Solution 3 - TypescriptjoshweirView Answer on Stackoverflow
Solution 4 - TypescriptchandooView Answer on Stackoverflow
Solution 5 - TypescriptAsh BlueView Answer on Stackoverflow
Solution 6 - TypescriptRohitView Answer on Stackoverflow