Menu
I recently updated my web app project to use "create-react-app" rather than a lashed-together Webpack and Babel configuration.
Previously the debugging in WebStorm was working perfectly with the JetBrains Chrome extension.
Now however, when I set a breakpoint in JavaScript (.jsx) files in the project it doesn't stop at the breakpoints. but if I put a breakpoint on a in-line script in the index.html file it works and if I enable " break on exception" it works in that case.
I'm really confused. Any help or suggestions would be fantastic (it's probably something simple).
398
Launch a debugging session Just hold Ctrl+Shift / ⌘⇧ and click the URL address where the application is running. WebStorm launches the auto generated Debug Application run/debug configuration, the browser opens at http://localhost:3000/, and the Debug tool window appears showing you the call stack and variables.
In App Developer MenuOn Android emulator, you need to press command + M. Debug JS Remotely − Used for activating debugging inside browser developer console. Enable Live Reload − Used for enabling live reloading whenever your code is saved. The debugger will open at localhost:8081/debugger-ui.
here is the solution:
update webstorm to "WebStorm-EAP-171.3019.10" :
https://confluence.jetbrains.com/display/WI/WebStorm+EAP
and then follow the configuration here : https://blog.jetbrains.com/webstorm/2017/01/debugging-react-apps/
149
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
