Chrome DevTools 不显示 .js 文件

Question

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

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

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

Answer 1

您需要禁用 Javascript Sourcemap：

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

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

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