Javascript Chrome开发工具不显示.js文件

我正在开发一个小型Angular应用程序，并尝试在ChromeDevTools中调试它。但是，我只能在那里看到.ts文件

如何查看和调试.ts文件编译到的.js文件

---

DevTools设置中的“启用JavaScript源映射”选项已打开。

您需要禁用JavaScript源映射：

问题不在这里，但是如果您需要它用于SCSS/CSS文件，这里还有一个CSS源映射选项

另一种模糊的禁用方法是，如果您不想更改Chrome的设置，并且您可以控制服务器，您可以将其配置为不生成源映射行，这取决于您的服务器端生成器/编译器。您需要检查文档以了解它是如何工作的。源映射行应位于生成的js文件的末尾，如下所示：

---

/#sourceMappingURL=/path/to/file.js.map

有任何特殊原因需要此功能吗？您可以查看此链接这是否回答了您的问题？你是否在JIT模式下构建源代码？此模式不会对您的代码进行编码，并允许您通过浏览器进行调试。有任何特殊原因吗？嗯，我想调试.js代码+，看看.ts编译成什么。不幸的是，上面的链接没有帮助。我用他们的te信息更新了我的答案。谢谢你的回答，但是复选框被选中了。所以，可能还有另一个原因。@SofiaBo您需要取消选中它。@wOxxOm当我取消选中它时，我也看不到任何.ts文件。@SofiaBo是的，这是正确的，JS文件应该显示出来。除非（我一般说来，Angular不太适合）您的服务器已经将所有内容捆绑在一个js文件中，否则，代码就在捆绑的js文件中的某个地方，您可能想用TS文件来调试它。@LukeVo所以可能是webpack捆绑了它，这就是原因吗？