无法将.tsx文件添加到Node.js Web应用程序项目

Question

我在Visual Studio 2015中创建了一个新的 Blank Node.js Web应用程序，我无法将.tsx个文件添加到我的项目中并进行编译。当我这样做时，创建的.tsx文件将被放入虚拟项目中，即使它也存在于实际项目中。该项目设置为将JSX表达式编译为React调用。

我花了一些时间来追踪幕后发生的事情，当项目中创建.tsx文件时（通过添加 - >新文件），它会被创建为项目的XML文件中的Content条目，而不是TypeScriptCompile条目。这显然是一个错误。

我可以通过手动编辑项目的XML文件来解决这个问题，但是我不愿意在2016年的实际生产中使用数百个文件。

重现错误的分步指南

1. 创建一个新的空白Node.js Web应用程序项目
2. 在新项目中创建新的.ts文件
3. 在新项目中创建新的.tsx文件

看到.tsx文件的显示“主机项目”（请查看编辑器窗口的左上角）显示“TypeScript / JavaScript Virtual Projects”。

如何才能使.tsx文件与.ts文件完全相同？

修改

使用TypeScript 项目的 HTML应用程序不是问题，但该项目类型包含许多我不需要的不必要的C＃膨胀。

Answer 1

  

我可以通过手动编辑项目的XML文件来解决这个问题，但是我不愿意在2016年的实际生产中使用数百个文件。

这必须对项目模板做一些事情，很可能是个bug。在此期间可能的解决方法是将新文件创建为.ts文件，然后 将其重命名为.tsx。