我正在分发我的 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 输出。见下文:
我错过了什么?
最佳答案
我也没有在源文件树中看到我的文件,但是(我在 Mac 上),如果我执行 Command+O,我可以按名称搜索我的文件,开发工具将显示它,允许我添加断点并单步执行代码。
关于typescript - 在 Chrome DevTools 中看不到 ES6 和 TypeScript 库的源代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52847386/