开发工具调用源文件堆栈
我正在尝试从“ React应用”中单击按钮从按钮中追踪函数调用。我已经在按钮点击开始的网络调用堆栈中的有趣部分中设置了一些断点。当我关注呼叫堆栈时，查找启动功能时，我看到的打字稿文件似乎调用了汇编的缩小应用JS文件。显然，必须使用某些源映射魔法显示TS文件，因为浏览器无法使用它。我假设将TS文件编译到了缩小的React App JS中，但是我如何找到呢？ TS文件中的调用堆栈流入缩小应用JS中的网络调用函数中，但是TS文件代码真正来自哪里？
TLDR：在哪里可以找到使用DEV工具的TS的JS？
I'm trying to trace function calls from a button click in a react app. I've set some breakpoints in the interesting parts from the network call stack that the button click initiated. As I follow the call stack down looking for the initiating function I am seeing typescript files which seem to call into the compiled minified app js file. Obviously, the ts file must be displayed using some source mapping magic as it cannot be used by the browser. I am assuming that the ts file has been compiled into the minified react app js, but how do I find that? The call stack from the ts file flows into a network call function in the minified app js but where is the ts file code really coming from?
TLDR: Where can I find the js that the ts has been compiled into using dev tools?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
在来源面板中，打开TS文件。如果有Sourcemaps，您可以在右下角看到实际的JS文件在哪里。 https://coffee-cart.net.netlify.app/
In the Sources panel, open the ts file. If there are sourcemaps, you can see in the bottom corner right tells you where the actual js file is. https://coffee-cart.netlify.app/