
Run CLI with -verbose flag for more details.Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081īUILD FAILED in 32s at checkExecSyncError (child_process.js:630:11)Īt execFileSync (child_process.js:648:15)Īt runOnAllDevices (C:\Users\trann\Desktop\Mobile buildAndRun (C:\Users\trann\Desktop\Mobile C:\Users\trann\Desktop\Mobile processTicksAndRejections (internal/process/task_queues.js:97:5)Īt async Command. Make sure you have the Android development environment set up. Run with -scan to get full insights.Įrror Failed to install the app. Run with -info or -debug option to get more log output. Run with -stacktrace option to get the stack trace. IDEs Support (IntelliJ Platform) JetBrains Community WebStorm Expo React-Native fails to run and debug from WebStorm Follow Sun21170d Created Aug05:39 I am trying to debug an expo react-native project that uses yarn. 2: Task failed with an exception.Ī problem occurred configuring project ':react-native-webview'. Run with -stacktrace option to get the stack trace. 1: Task failed with an exception.īuild file 'C:\Users\trann\Desktop\Mobile Apps\Sitter\Sitter\node_modules\react-native-webview\android\adle' line: 26Ī problem occurred evaluating project ':react-native-webview'.Ĭould not initialize class. It would have been good if I could skip steps 1 and 2 for debugging expo projects, but as of WebStorm 2020.2 this is not possible.I run a react native project on visual studio code and use genymotion.įAILURE: Build completed with 2 failures. no need of steps 1 and 2 for non-expo projects. However, if I debug a normal non-expo react-native project in WebStorm, then a break point in WebStorm will be hit without having to set break point in debugger's chrome instance dev tools i.e. 1.90 /user 1st year 1.50 /2nd year 1.10 /3rd year onwards 12 months of uninterrupted subscription payments qualify you for receiving a perpetual fallback license. Also, at the same time in WebStorm the same break point as in chrome dev tools will be hit, and from this point onward developer can either debug in chrome dev tools or in WebStorm. Get access to the React Native Console plugin for 30 days free of charge Monthly subscription Get access to the React Native Console plugin on flexible monthly payment terms. When expo app reloads in android emulator, then automatically the code will break at break points set in step (2) above. (3) Click on Reload button in debugger's chrome instance It’s created by Facebook and used for such well-known apps as Instagram, Airbnb, and now JetBrains’ own YouTrack mobile app (which is open-source, by the way). (2) Set one or more break points in App.js and/or custom components (this must be done in chrome dev tools instance that was opened in step 1 and NOT in your cod editor/IDE) React Native allows you to develop native mobile apps for iOS and Android using JavaScript and React. (1) Open Dev Tools in debugger's chrome instance


For expo project debugging to work in WebStorm, the following steps needs to be done. There are some important points to note when debugging expo project in WebStorm. I was able to finally debug an expo react-native project in WebStorm.
