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

Question

我正在分发带有源映射以及相关源文件的ES6和TypeScript库。但是，当这样的库安装在应用程序中（位于node_modules下）时，Chrome调试器将显示已编译的JavaScript输出，而不是原始的源文件。如何使调试器显示原始源文件？

这是我的TypeScript库之一的分发版本：

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

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

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

我想念什么？

Answer 1

我也没有在Sources文件树中看到我的文件，但是（如果我在Mac上）（如果我在Mac上），Command + OI可以按名称搜索我的文件，Dev Tools会显示该文件，允许我要添加断点并逐步执行代码。