如何解决WebStorm调试带有SourceMaps的Remote React Web App
我有一个已部署的React Web应用程序,我正在寻找通过逐步调试代码来调试远程应用程序的方法。部署的应用程序具有源映射。如何为远程应用程序设置WebStorm的JavaScript调试器?目前,断点尚未注册。
// Remote
https://myapp.com/js/bundle.js
https://myapp.com/js/bundle.js.map
// Local
src/components/component1.js
src/components/component2.js
解决方法
要在WebStorm中调试JavaScript应用程序,必须使用JavaScript Debug配置。将https://myapp.com
添加到URL字段。只要已部署的应用程序具有源映射,就应该命中断点。
但是,在某些情况下,您可能还需要在调试配置中配置一些顶级映射(JavaScript调试配置中的Remote URL of local files
部分)。例如,您可能需要使用https://myapp.com/js/
映射本地项目的根。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。