javascript - Typescript 无法识别 VS 2015 中的 Javascript

Question

我正在 Visual Studio 2015 中编写 Typescript，并且刚刚添加了 2 个新的 Typescript 文件。当我构建项目/解决方案时，Typescript 文件会编译为 .js 文件。当您单击“显示所有文件”时，这些 .js 文件将在解决方案资源管理器中可见。

我的问题是，Visual Studio 似乎无法将这些 .js 文件“识别”为其 Typescript 文件的产品。我的所有旧 Typescript 旁边仍然包含箭头，您可以单击该箭头来显示它已编译的“子级”(.js、.min.js 等)，但我刚刚添加的新 Typescript 文件似乎没有 .js 对应项。这本身很奇怪，但我也怀疑这与我的浏览器抛出错误有关，即在调试代码时找不到它要查找的 .js 文件。

这是我所描述内容的图像。您可以在此处看到 ViewNetworkLogController.ts，它是已编译的 .js 等对应项。您会注意到它们不像 VideoManagerController.ts 那样形成下拉结构。这就是我习惯的 .ts 文件的行为方式。 ViewNetworkLogController 在调试时也不会加载到浏览器中。

下面是不起作用的 ViewNetworkingLogController.js 文件的属性图片:

这是功能 VideoManagerCOntroller.js 的属性图片，请注意视频管理器如何具有不在 View 网络日志中的构建操作字段:

感谢您的帮助!

Answer 1

您应该停止将 js 文件视为 src 文件，而将它们视为 dist 文件，类似于已编译的程序集。你确实不想在项目中看到js文件，除非你想看看编译后的js是什么样子的。即使如此， typescript Playground 也相当不错(只需忽略引用错误)。

至于调试，您应该生成 .map.js 文件。这就是浏览器将寻找的将 js 恢复为 ts 的内容。所以可以在ts中添加断点，ts中就会出现错误。

希望这对一些人有帮助。