我最近将我的Web应用程序项目更新为使用“create-react-app”,而不是一个混合Webpack和Babel配置。
之前,在WebStorm中进行的调试与JetBrains Chrome扩展完美配合。
现在,当我在项目中的JavaScript(.jsx)文件中设置断点时,它不会停在断点处。但如果我在index.html文件中的内联脚本上设置断点,则可以正常工作,如果我启用“异常中断”则在那种情况下也可以正常工作。
我真的很困惑。任何帮助或建议都将非常棒(可能是某些简单的问题)。
我最近将我的Web应用程序项目更新为使用“create-react-app”,而不是一个混合Webpack和Babel配置。
之前,在WebStorm中进行的调试与JetBrains Chrome扩展完美配合。
现在,当我在项目中的JavaScript(.jsx)文件中设置断点时,它不会停在断点处。但如果我在index.html文件中的内联脚本上设置断点,则可以正常工作,如果我启用“异常中断”则在那种情况下也可以正常工作。
我真的很困惑。任何帮助或建议都将非常棒(可能是某些简单的问题)。
以下是解决方案:
将WebStorm升级到“WebStorm-EAP-171.3019.10”版本:
https://confluence.jetbrains.com/display/WI/WebStorm+EAP
然后按照此处的配置进行操作: https://blog.jetbrains.com/webstorm/2017/01/debugging-react-apps/