Typescript和Chrome调试器（F12工具）

Question

我想了解Chrome调试器（F12工具）如何连接东西以允许使用Typescript调试。

我有一个简单的项目，工作正常。我决定将一些文件放在一个文件夹中。 （我把我的test.html，test.ts和生成的test.js放到一个名为“views/test”的文件夹中，之前他们只是在“视图”中。）

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

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

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

注：我在测试这个时做了几个“空缓存和硬重新载入”。

Answer 1

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