javascript - Typescript 和 Chrome 调试器(F12 工具)

标签 javascript google-chrome debugging typescript

我试图了解 Chrome 调试器(F12 工具)如何连接事物以允许 Typescript 调试。

我有一个运行良好的简单项目。我决定将一些文件放在更深的单个文件夹中。 (我将 test.html、test.ts 和生成的 test.js 放在名为“views/test”的文件夹中,而之前它们只是在“views”中。)

当我这样做时,ts 文件停止显示在调试器的文件列表中。如果我将网络级文件夹映射到我的文件,我就可以让它显示出来。但断点不起作用。

当我回滚到更扁平的文件结构时,ts 文件就在那里并且可以进行调试。

那么,当 ts 文件嵌套更深一层时,为什么它不允许我查看和调试 ts 文件?

注意:我在测试时做了几次“清空缓存和硬重新加载”。

最佳答案

听起来您可能需要重新生成源映射,因为它们将引用特定 TypeScript 源文件中的特定段。如果您移动 .ts 文件而不重新创建源映射,那么 Chrome 调试器将不知道在哪里查找 TypeScript 源。

关于javascript - Typescript 和 Chrome 调试器(F12 工具),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34052438/

相关文章:

javascript - 如何在本地(在机器上)保存 JSON 数据?

javascript - Chrome 扩展 "Cannot read property ' onUpdated' of undefined"

performance - Google Chrome 网络面板中的时间线中的时间是什么意思?

c++ - 有人可以帮我吗?为什么它不编译?

javascript - 动态添加/删除表中的行

javascript - 如何使用 jQuery.inArray() 检查另一个数组中是否找到字符串元素数组?

JavaScript 呈现的 HTML 页面仍在加载

javascript - 谷歌浏览器中的同位素模糊元素

.net - Visual Studio 2010随机无法调试WCF服务

ios - 我应该删除生产的firebase调试吗