typescript - 在 Chrome DevTools 中看不到 ES6 和 TypeScript 库的源代码

Question

我正在分发我的 ES6 和 TypeScript 库以及源映射以及相关的源文件。然而，当这样的库安装在应用程序中时(在 node_modules 下)，Chrome 调试器显示编译后的 JavaScript 输出而不是原始源文件。如何让调试器显示原始源文件？

这是我的一个 TypeScript 库的分布:

如您所见，我在 dist 目录中有 index.js.map 和 router-store.js.map。这些映射指向 src 目录中相应的 TypeScript 文件，例如

"sources":["../src/index.ts"]

尽管如此，当我在 Chrome 调试器中查看应用程序时，文件名显示为 index.js 并包含已编译的 JavaScript 输出。见下文:

我错过了什么？

Answer 1

我也没有在源文件树中看到我的文件，但是(我在 Mac 上)，如果我执行 Command+O，我可以按名称搜索我的文件，开发工具将显示它，允许我添加断点并单步执行代码。