打字稿和Chrome调试器（F12工具）

Question

我正在尝试了解Chrome调试器（F12工具）如何连接以允许进行Typescript调试。

我有一个工作正常的简单项目。我决定将我的一些文件放在一个更深的文件夹中。 （我把test.html，test.ts和生成的test.js放在一个名为“views / test”的文件夹中，然后才进入“views”。）

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

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

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

注意：在测试时我做了几个“Empty Cache and Hard Reload”。

Answer 1

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