为什么VS 2013 ASP.NET项目属性中缺少Typescript设置选项卡？

Question

我尝试将一些javascript文件迁移到旧版ASP.NET MVC 5项目中的Typescript。一世 我已经创建了一个Typescript文件，从TS到JS的编译按预期工作，但我没有＆＃34; Typescript Build＆＃34;选中我遗留项目的属性。

在处理新的ASP.NET MVC 5项目时，我没有遇到此问题。我如何在遗留项目中解决这个问题？我正在使用Visual Studio 2013 Update 1。

谢谢，

阿德里安

Answer 1

我需要将以下行添加到csproj以导入typescript目标：

<Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets" Condition="Exists('$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets')" />

然后我可以在项目设置中看到typescript构建选项。

Answer 2

正如Hans Passant在评论中正确暗示的那样，问题是我的.csproj文件中的以下ProjectGuid：{349c5851-65df-11da-9384-00065b846f21}

从项目文件中删除了GUID并重新加载了项目后，Typescript选项卡显示在项目属性中。

Answer 3

我在csproj中添加了“TypeScriptToolsVersion”。

  <Project>
    <PropertyGroup>
      ...
      <TypeScriptToolsVersion>1.0</TypeScriptToolsVersion>
    </PropertyGroup>
  </Project>

但它是Visual Studio 2013 RC2。

Answer 4

另一个可能的原因是在.csproj文件的VisualStudioVersion节点中有一个旧的Visual Studio版本号：

对于VS 2013，它应该是：

<VisualStudioVersion>12.0</VisualStudioVersion>

对于VS 2015，它应该是：

<VisualStudioVersion>14.0</VisualStudioVersion>

VS 2017应该是：

<VisualStudioVersion>15.0</VisualStudioVersion>

Answer 5

我不确定2013年，但对于VS2015，您只需要将TypeScript文件添加到项目的根文件夹中，它将弹出一个对话框，询问您是否要为TypeScript配置项目。简单！

Answer 6

确保在Visual Studio项目文件中获得正确的设置：

1. 通过Visual Studio将temp.ts文件添加到项目中并保存（您可以获得有关Visual Studio查找TypeScript类型的对话）

2. 您的项目文件应该已更新。保存它。

3. 关闭解决方案并重新打开。

4. TypeScript构建选项卡应位于项目属性中。

5. 删除temp.ts文件。

（我从Eric D. Johnson的评论中得出这个）：

https://developercommunity.visualstudio.com/content/problem/98916/typescript-build-tab-not-showing-in-project-proper.html

Answer 7

如果您的csproj有  

仍然有问题。

执行以下操作：

1. 在项目中添加新的打字稿文件。
2. 构建解决方案。
3. 关闭并启动Visual Studio，打开项目。
4. 检查项目属性中的“打字稿”选项卡。