Chrome 开发工具未映射 ts 源

Posted 2023-03-07

【中文标题】Chrome 开发工具未映射 ts 源

【英文标题】：Chrome dev tools not mapping ts source

【发布时间】：2019-07-18 17:56:18

【问题描述】：

我的 chrome 开发工具突然停止映射 .ts 源，因此导致调试出现问题。当我加载一个 js 文件时，我得到一个提示“检测到源映射”。消息下方显示“关联文件可通过文件树或 Ctrl+P 获得”。但是，我没有在树中看到这些文件，也没有通过 Ctrl+P 看到这些文件。为清楚起见，设置中的“启用 Javasript 源映射”已启用。在另一台正常工作的机器上完全相同的代码集。可能是什么问题？

【问题讨论】：

我遇到了同样的问题。它确实自发地解决了一段时间，没有任何看似相关的更改，然后又崩溃了（没有任何与 source maps 或 webpack 相关的更改）。

过去，我在使用 chrome 时也遇到了一些奇怪的问题。你重启浏览器了吗？

添加你的 webpack 配置

@Raulucco，也许是浏览器重启为我解决了这个问题。

【参考方案1】：

您可以将Debugging Typescript in Visual Studio Code and Chrome 用作sourceMaps 的调试工具。