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

Can't add .tsx files to Node.js Web Application project

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

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

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

重现错误的分步指南

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

看到 .tsx 文件的显示 "host project"(检查编辑器 window 的左上角)说 "TypeScript/JavaScript Virtual Projects".

我怎样才能使 .tsx 个文件包含在项目中 .ts 个文件究竟是怎样的?


编辑

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

I can fix the issue by manually editing the project's XML file, but no way I'm willing to do that for actual production in 2016, with hundreds of files.

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