Visual Studio Team Services Builds Typescript Error

Question

I have angular2 webapplication where I am using Typescript 2.0. I installed locally in my VS version 2.0 and also changed the tag for the Typescript version in my VS project. Locally against the build works great. In my cd pipeline in Visual Studio Team Services with vnext build, it now crashes:

2016-11-05T16:10:22.0371090ZC:\Program Files (x86)\Microsoft SDKs\TypeScript\1.8\tsc.exe --project "C:\a\1\s\src\Emersy\tsconfig.json" 2016-11-05T16:10:22.7095466Z ##[error]VSTSC(0,0): Error TS5023: Build: Unknown compiler option 'strictNullChecks'. 

It looks like the build server is using version 1.8, is this possible?

Answer 1

Typescript 2.0 is not available in the Hosted Build Agent. But instead, you can use the Microsoft.TypeScript.MSBuild package, after which you can create your project on the Hosted Agent using typescript 2.0.

• Add / install Microsoft.TypeScript.MSBuild package to your project

• Edit the project file (.csproj)

  a.) Configure MSBuild to use the props of the NuGet package.

   <Import Project="..\packages\Microsoft.TypeScript.MSBuild.2.0.6\build\Microsoft.TypeScript.MSBuild.props" Condition="Exists('..\packages\Microsoft.TypeScript.MSBuild.2.0.3\build\Microsoft.TypeScript.MSBuild.props')" /> <!--<Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.Default.props" Condition="Exists('$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.Default.props')" />--> 

  b.) Configure MSBuild to use the NuGet package target file.

   <Import Project="..\packages\Microsoft.TypeScript.MSBuild.2.0.6\build\Microsoft.TypeScript.MSBuild.targets" Condition="Exists('..\packages\Microsoft.TypeScript.MSBuild.2.0.6\build\Microsoft.TypeScript.MSBuild.targets')" /> <!--<Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets" Condition="Exists('$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets')" />--> 

  If this is a .Net Core project, add this code to the .xproj section of the file.

   <TypeScriptToolsVersion>2.0.6</TypeScriptToolsVersion> <TscToolPath>C:\Users\[user account]\.nuget\packages\Microsoft.TypeScript.MSBuild\2.0.6\tools\tsc</TscToolPath> 

Answer 2

I do not think Hosted build agents support TypeScript 2.0 at the moment.

From VisualStudio.com :

 TypeScript 1.4 for Visual Studio 2013 TypeScript 1.6 for Visual Studio 2013 and Visual Studio 2015 TypeScript 1.7.5 for Visual Studio 2013 TypeScript 1.7.6 for Visual Studio 2015 TypeScript 1.8.6 for Visual Studio 2013 and Visual Studio 2015 WIX Toolset 3.10 

Answer 3

TypeScript 2.0.6 is now available for the hosted build agent.

https://www.visualstudio.com/en-us/docs/build/admin/agents/hosted-pool