npx react-native init reactNativeStandard --template react-native@^0.63.2 cd reactNativeStandard npx react-native-windows-init --overwrite On top of Redux DevTools, React Native Debugger comes with a set of features that can boost your development and debugging speed. And combine that with a debugger that does 90% of what I want from a React-native debugger without looking like awful. Fast Refresh is a React Native feature that allows you to get near-instant feedback for changes in your React components. Start Debugging. Configuring IntelliJ with a React Native Development Environment. See the react-native-windows-init README for more details. Make sure a browser is launched and running before running a React Native Windows app. (I had to stop and restart my app the first time before it worked correctly.) – Attila Szeremi Apr 2 '18 at 14:35 I've tried just about everything including all the suggestions in this question and many different iterations of emulator images, settings, and even different computers. Running a React Native Windows App. npx react-native run-android --variant=debug --deviceId emulator-5554 Debug app in Visual Studio Code from WSL2. Start metro JavaScript bundler and bind to an ipv4 address to enable port forwarding to windows. (Update on Feb 26, 2018: Nuclide dropped the support of debugging Node.js and React Native in June 2017 and brought it back in early 2018.) Debugging code (logic) with Nuclide. @react-native-community/cli: Not Found react: 16.13.1 => 16.13.1 react-native: 0.63.3 => 0.63.3 react-native-windows: ^0.63.0-0 => 0.63.10 npmGlobalPackages: react-native: Not Found. In your React Native Windows project directory, run: While debugging, it can help to have Fast Refresh enabled. It is very useful to develop React Native apps. Fast Refresh is enabled by default, and you can toggle "Enable Fast Refresh" in the React Native developer menu. Here are a few tricks for React Native debugging. Nuclide is a plugin of Atom text editor, made by Facebook. Introduction to React Native Debugger. I have tried both the standalone debugger, and also react-native-debugger, and I still get the same issue. React Native Debugger. as you would in case of building a standard native app. Debugging native code# When working with native code, such as when writing native modules, you can launch the app from Android Studio or Xcode and take advantage of the native debugging features (setting up breakpoints, etc.) Most of the developers find it difficult and time-consuming to debug an application and for it, this comes up with React Native Debugger tool to ease out the process. Fast Refresh is a React Native feature that allows you to get near-instant feedback for changes in your React components. react_native_debugger-0.11.3 is running good in dark mode, but not compatible with react 0.61. Everybody knows that debugging is one of the most important parts of app development. npx react-native start --host 127.0.0.1 Build app, set device as parameter deviceId from result of adb devices. If all goes well to this point, you should be able to go to Run -> Debug and run the Debug Configuration that you set up. Steps To Reproduce. (Atom is not my favorite editor. But I highly recommend every React Native developer to use Atom+Nuclide.) Also ensure your system meets all the requirements to build a Windows app as well. Keyboard & touch bar shortcuts. If you’re using Redux in your React Native app, React Native Debugger is probably the right debugger for you. Fast Refresh is enabled by default, and you can toggle "Enable Fast Refresh" in the React Native developer menu. Without Using Visual Studio. While debugging, it can help to have Fast Refresh enabled. Many of us can agree that we like to avoid the mouse/trackpad while being focused on development or debugging. To run react_native_debugger-0.10.9 i've changed windows to light mode, and after debugger started, switched back to dark mode and its ok.