CODEWITHSUNDEEP
visual-studiotypescriptvisual-studio-2015asp.net-core
BanksySan
BanksySan

Reputation: 28500

Visual Studio not compiling TypeScript

I have a Visual Studio project with a structure like so:

Folder structure

My tsconfig.json looks like:

{
  "compilerOptions": {
    "noImplicitAny": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "es5",
    "outDir": "../wwwroot/"
  },
  "exclude": [
    "node_modules",
    "wwwroot"
  ]
}

However, VS isn't compiling the app.ts into the wwwroot folder.

What am I missing?

Upvotes: 13

Views: 23809

Answers (4)

KramFfud
KramFfud

Reputation: 229

In VS 2022, changing the .ts file's Property -> Build Action from "None" to "TypeScript File" did the trick for me.

Upvotes: 1

kkuilla
kkuilla

Reputation: 2256

It could be a syntax error in the typescript file.

My solution was to roll back the .ts file until it compiled (i.e. the timestamps of typescript and javascript files were identical) and start to change the .ts file from there. If the timestamps are not identical after compiling the .ts file, then we know it is probably a syntax error. I had to compile after every change and check the timestamp.

The syntax error was unfortunately not shown anywhere so I had to rely on timestamps to determine whether a file was compiled or not.

I had Compile-on-save enabled in Visual Studio 2019

Below is an screenshot of FileExplorer where the .ts has an error. Notice the difference in timestamps.

enter image description here

Below is an screenshot of FileExplorer where the .ts file is complied into `javascript successfully. Motice the timestamps are identical.

enter image description here

Upvotes: 1

David Pine
David Pine

Reputation: 24525

From within Visual Studio, Project > Properties > Build > ensure that the "Compile TypeScript on build" is checked:

enter image description here

Also, in your tsconfig.json you should specify a rootDir so that TypeScript knows where to look for *.ts files it should compile:

{
  "compileOnSave": true,
  "compilerOptions": {
    "noImplicitAny": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "es5",
    "outDir": "../wwwroot/",
    "rootDir": "../wwwroot/"
  },
  "exclude": [
    "node_modules",
    "wwwroot"
  ]
}

The details are called out on the TypeScript page here and here.

Don't forget to actually build it. It isn't a file watcher scenario.

Upvotes: 7

ericbowden
ericbowden

Reputation: 2205

Try adding "compileOnSave": true to your tsconfig.json:

{
    "compilerOptions": {
        "noImplicitAny": false,
        "noEmitOnError": true,
        "removeComments": false,
        "sourceMap": true,
        "target": "es5",
        "outDir": "../wwwroot/"
     },
     "exclude": [
        "node_modules",
        "wwwroot"
    ],
    "compileOnSave": true
}

It should compile every time you save now.

Upvotes: 17

Related Questions