javascript - Chrome DevTools 不显示 .js 文件

标签 javascript angular typescript google-chrome-devtools devtools

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

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

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

最佳答案

您需要禁用 Javascript Sourcemap:

enter image description here

enter image description here

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

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

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

关于javascript - Chrome DevTools 不显示 .js 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59510338/

相关文章:

angular - 比较 2 个输入字段的值以通过模板验证 Angular 7 中的表单

javascript - 类型 ref 不可分配给类型 IntrinsicAttributes

javascript - 将 json 对象转换为关联数组

javascript - 如果前面没有 's',则替换单词末尾的 's'

angular - node_modules/rxjs/主题 "' has no exported member ' 主题'

angular - 使用 ngFor 插入新输入时的焦点问题

javascript - Sails.js:在我想发送实际响应之前发送了 200 响应

javascript - 使 Meteor.methods 同步和异步

angular - 在没有 url 的组件之间切换

Angular 对象变化检测