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

Question

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

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

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

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

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

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

Answer 1

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