TypeScript“保存时编译”功能在 VisualStudio2015中无法工作

升级到 VisualStudio2015后，“保存时编译”功能对我不起作用。当我更改项目中的 .ts文件并保存时，IDE 底部的状态栏显示 Output(s) generated successfully，但生成的 .js文件不变。

以下是我试过的方法:

  • 将以下内容添加到 .csproj中的根 <Project>元素:

    <PropertyGroup>
<TypeScriptCompileOnSaveEnabled>True</TypeScriptCompileOnSaveEnabled>
</PropertyGroup>

  • checking and unchecking the "Automatically compile TypeScript files which are not part of a project" option in Tools -> Options -> TypeScript -> Project:

    enter image description here

  • double checking to make sure "Compile on save" is checked in my project's TypeScript Build properties:

    enter image description here

What am I missing?

As a side note, the TypeScript compilation step does work as expected when triggered by a regular build.

67032 次浏览
小开
最佳答案

This issue seems to have been resolved with the most recent update to the TypeScript Language Services extension.

See this answer for instructions on how to apply this update.

小开

In my case, I had installed Visual Studio Community 2015 along side VS 2012. I had been using Web Essentials for typescript in 2012 which appeared to conflict with 2015.

Uninstalling Web Essentials in 2012 fixed the issue for me.

小开

I stumbled upon this problem today: I fixed that by using the new "watch":true compiler option, also available through JSON in most recent TypeScript versions:

{
"compilerOptions": {
"watch": true
}
}

After doing that, I had to solve another issue related to the following error that appeared in the output window:

Object doesn't support property or method 'watchFile'

It turned out that my system was using an outdated version of TypeScript (1.0.x), despite I was sure I had a newer one that came with the Visual Studio 2015 Update 1 (1.7). If you run into this problem, you can easily check your tsc version by typing tsc -v from a command-prompt.

If it says 1.0.x or anything < 1.7, it's probably due to the fact that you have some old references in your PATH environment variable. Be sure you have 1.7 or later installed by checking inside your Microsoft SDKs folder, which is the one used by Visual Studio to install the TypeScript packages as they get updated:

C:\Program Files (x86)\Microsoft SDKs\TypeScript

If not, update accordingly. Open CPanel > System > Advanced > Environment Variables, select System Variables and click on Edit; browse through the list looking for any reference to the TypeScript folder, change one of them to make it point to your TypeScript most recent installed version (1.7 or above) and delete any other dupes. See also screenshot below:

enter image description here

For additional details, read this post on my blog.

小开

For me it was this option in tsconfig.json:

"compileOnSave": true,
"compilerOptions": { ... },

Restart Visual Studio for this change to take effect.

小开

In project properties -> "TypeScript Build", you can also simply just uncheck "Do not emit outputs if any errors are reported." Having it checked seems to deactivate transpiling on save, where there is an error or not.

小开

With typescript 2 you have to delete "outDir": from your tsconfig. Fixed the bug for me in visual studio.

小开

The "compileOnSave": true, wasn't working for me. I finally figured out that Visual Studio doesn't honor the "compileOnSave": true, value if it is defined in another .json file that you're extending. It has to be in the root in order for it to work.

小开

Solution:

For me, and I am quite sure this is also the case for others, this was due to a mistake in the tsconfig.json.

You need to add "compileOnSave": true. But in the global section not inside compilerOptions.

Wrong:
{
"compilerOptions": {
"noImplicitAny": false,
"noEmitOnError": true,
"removeComments": false,
"sourceMap": true,
"target": "es5",
"compileOnSave": true


},
"exclude": [
"node_modules",
"wwwroot"
]
}


Correct:
{
"compilerOptions": {
"noImplicitAny": false,
"noEmitOnError": true,
"removeComments": false,
"sourceMap": true,
"target": "es5"


},
"compileOnSave": true,
"exclude": [
"node_modules",
"wwwroot"
]
}

Best regards,

Anders Both Basechat.

小开

locate the file i.e. C:\file.ts in your terminal/cmd and type

tsc file.ts -w // watches for file changes and converts on save
小开

Exact same problem here. I am using Visual Studio 2015 update 3 and TypeScript 2.9.2.0. In tools/options/projects and solutions/external web tools, I upgraded $(PATH) to the second position. With all these configurations, compileOnSave: true doesn't work for me. The workaround solution is open a command line, run ng build --watch on the side and let node take care of auto compilation

小开

Check if you have the TypeScript version installed which is configured in the project. Somehow I received no warning that I don't have TypeScript 3.7 installed, but the compile-on-save feature stopped working silently.

Once I installed TypeScript 3.7, it was working again.

小开

Not sure if this will help anyone.

I though I was having issues compiling, but it was compiling on save. I just didn't have my solution explorer toolbar toggled to show all files.

The file was there, just waiting impatiently to be added to the project.

enter image description here

小开

I had a similar but not the same issue in Visual Studio 2019

  • My project was set up to use TypeScript 2.9
  • I had TypeScript 3.8 installed, and the code did compile, but wouldn't compile on save

I installed the older version, TypeScript 2.9, restarted VS and then it burst into life


提交答案