Try using a unified monitoring platform that gathers all you need for troubleshooting in one single place. Open your script and add debug breakpointģ. There are a number of ways to start the debugger: You can click on the Run icon in the gutter area and select the Debug option. Debugging a React application in production may be challenging and time consuming. It makes it easy to inspect and edit the props/state of. |- Package manager: Project node(/usr/bin/npm 6.14.4Ģ. One of the popular extension out there is definitely the React Developer Tools available on both Firefox and Chrome. |- Node interpreter: Project node(/usr/bin/node) 10.19.0 Debugging ( adding break points ) in WebStorm for a React project or any other web project Rahul Golwalkar 96 subscribers Subscribe 9.4K views 2 years ago UPDATE - READ FIRST - Good. Let's configure react-app from the scratch: 1. Open your package.json file, click on the Run Script gutter icon next to the start script, and select Run ‘npm start’ from the list. The port will be still in use and we shall to specify the new port in the configs and in npm start another port from the start to successfully use it as debugger If we need to rerun 'npm start' we need to stop it. 2nd we need to run 'npm start' manually.in 1st scenario Idea doesnt work as debugger.I found two ways to run React-app in Intellij Idea but it has two different drawbacks:
0 Comments
Leave a Reply. |