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

Question

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

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

我可以通过手动编辑项目的 XML 文件来解决这个问题，但我不愿意为 2016 年的实际生产这样做，因为有数百个文件。

重现错误的分步指南

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

看到 .tsx 文件（检查编辑器窗口的左上角）显示的“宿主项目”显示“TypeScript/JavaScript 虚拟项目”。

我怎样才能使.tsx 文件包含在项目中，与.ts 文件完全相同？

---

编辑

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

Answer 1

我可以通过手动编辑项目的 XML 文件来解决这个问题，但我不愿意为 2016 年的实际生产这样做，因为有数百个文件。

这与项目模板有关，很可能是一个错误。与此同时，一种可能的解决方法是将新文件创建为.ts 文件，然后然后将其重命名为.tsx。