React Native debug - react-native

I’m doing a React Native project. It has a bug.
The bug make the APP just exit(it can functional run a while, but suddenly...just gone). So it dose not report error. How can I find out where the problem is?
My APP used react-native-bluetooth-serial.
My code on Github

Are you running it on you simulator.
If that is so you have to use real device for testing it as simulators do not have access to bluetooth peripherals.
Hope this helps.

You can use Genymotion or real device to use bluetooth enabled app. To test your bug you can also use "Debug JS remotely" feature of react native dev tools.
To enable dev tools in your real device, shake your device and dev menu will appear. In emulator you can press Ctrl + M to enable dev menu. then you can choose "Debug JS remotely" which will open in chrome. If you are familiar with web development then you might have used "Inspect element" feature which will open dev tools.

The answers are right. You might be using a simulator which doesn't support bluetooth.
To know more about the crash you can check the logs natively. For android just run this inside your android folder
adb logcat
Or you can use
react-native log-ios
react-native log-android

Related

Expo-react-native :Couldn't adb reverse: device 'adb' not found

I am using react-native-expo for mobile app development.
I use an android emulator for the app, vscode editor for development.
It started showing me this error from few days.
› Opening on Android...
Couldn't adb reverse: device 'adb' not found
› Opening exp://10.0.46.81:19000 on Device adb
Couldn't start project on Android: Error running adb: device 'adb' not found
› Press ? │ show all commands
I tried wiping the emulator, tapping on the build number in the emulator, but nothing worked out.
I've deleted the virtual devices and created new one. It worked for one time and again this process isn't working.
there isn't much about this on the internet.
need help.
Just try this. It is work for me.
make sure you already add android sdk path in setting > appearance & behavior > system settings > android SDK > android SDK location
(Common path is C:\Users(name)\AppData\Local\Android\Sdk)
create new variable name and value in Environment Variables (User Variables)
(ANDROID_HOME C:\Users(name)\AppData\Local\Android\Sdk)
add new Path in Environment Variables (User Variables)
(C:\Users(name)\AppData\Local\Android\Sdk\platform-tools)
It is work for me after I have solved it for 3 hours.
At first, I don't face the problem like this in flutter but in react-native.
The fix for me was to install the SDK Platform for the android version used by the AVD.
In my case, I installed android v9 (Pie) via the AVD Manager when setting up my AVD for the first time, and when I looked into this issue I noticed that the SDK Platform for v9 was not installed as part of that setup.
The exact steps I took are as follows:
Disclaimer: You might not need to follow these steps exactly to resolve the issue
Close all CMD and IDE programs.
Open Android Studio and navigate to AVD Manager
Click the down arrow for the target AVD and click the Edit option
Set the device to Cold boot instead of Quick boot
Open SDK Manager, and download the SDK Platform for android version used by AVD
Go back to AVD Manager, click the Cold boot now option
Open a CMD terminal as administrator, CD to project repo, and run expo start
Launch expo in AVD
DONE
I had the same problem. Emulator started working after this:
Delete caches from Android Studio
Wipe data from your emulator
Cold boot to restart
When I was solving this problem I also ended up doing these:
Check Android studio updates
Reinstalled Android studio
Check SDK updates from SDK tools: SDK Manager -> Android SDK -> SDK tools. You can see if there is a new update available on the right.
Go to Virtual Device Manager -> Select your Device -> Actions -> Click "Drop down" button and select "Cold Boot Now".
This worked for me.
For my case, I went to the avd and simply clicked "wipe data", restarted both my avd and server and it worked
By my side the problem was is In Internet Connection. I just changed the WiFi and everything working fine.

React Native iOS Debugging in Safari Missing on M1

I'm used to debugging my React Native (0.63.2) app using Safari's dev tools. I got an M1 Mac Mini last week and have since been unable to get the console or source tabs to show anything from the iOS simulator. Not sure if this is related to the new machine, or if I missed a setting. Any ideas?
I usually do Develop > Simulator > JSContents from Safari, and everything would show up fine. I can get logs in the terminal, but Safari's devtools are much easier to manage.
Installing and using the "Safari Technology Preview" from https://developer.apple.com/safari/download/ worked for me.

Switching between Expo Apps Running on Android Emulator

I am sorry for the trivial question!
While testing an Expo (react-native) app on Android Emulator, I need to switch to other apps, e.g. to the Contacts Manager to add a contact. Then, I need to go back to the Expo app to test something. How can I do that?
I tried the following.
Start the Expo app and play with it
Press the Home button
Start Contacts Manager
I could NOT find a way to start the Expo app again. I found an Expo icon in the list of apps. When I clicked on it, a screen with everything disabled, except "Open from Clipboard" appeared. The "Open from Clipboard" option seems to be for switching between different Expo apps. Anyway, when I clicked on it, I got the following error message.
Something went wrong. Could not load exp://switching/%20between%20Expo%20apps%20running%20on%20Android%20Emulator.
Environment:
Expo: 32.0.0
Android Emulator: API: 25 - Android 7.1.1 x86 - Nexus S
Thank you for your effort and time to help...
Are you using a connection localhost? if yes, on the terminal, try to press 'a'.

how to view logs for react native app in ubuntu 15.10

I made a simple sign up form using react-native from scratch.
I used 'react-native init login'
Now to put validations I need to use console.log but I am not able to view them. I tried following some links to debugging but not able to view the logs.
I am using Ubuntu 15.10
Kindly help. :)
This is where Chrome Developer Tools are your friend.
The following steps should get you to the Chrome Developer Tools, where you will be able to see your console.log statements.
Steps
Install Google Chrome, if you have not already
Run app using react-native run-android or react-native run-ios
Open developer menu
Mac: ⌘+D for iOS or ⌘M for Android iOS
Windows/Linux: Shake Android phone
Select Debug JS Remotely
This should launch the debugger in Chrome
In Chrome: Tools -> More Tools -> Developer Options and make sure you are on the console tab
Now whenever a console.log statement is executed, it should appear in Chrome Dev Tools. The official documentation is here. Also see this answer (which at the time of this answer is two years old and only for iOS).

Appcelerator/ Titanium Alloy - No Andriod SDKs were found under the specified SDK Location

I am running Appcelerator on OSX.
When I try to set up an emulator on the Appcelerator IDE, by clicking:
"Run Configurations..." >
"Appcekerator Android Emulator - appname" >
"Emulator"
On the bottom of the screen it shows up with an error message saying:
Problems detected with the SDK settings. Click here for details
Upon clicking for more details, it shows the error message:
An error was detected with the SDKs configuration
Reason:
[Android SDK Home] No Android SDKs were found under the specified SDK location
The value i have put for Android SDK home was:
/Users/username/Library/Android/sdk
How do I solve this issue?
Instead of using the Emulator which are slow and heavy in terms of Memory Usage, I would suggest you to use the GenyMotion for Android which is quite fast and easy to use and has close features to a physical device.
But First this First, setup the Android SDK for Appcelerator through Preference > Platform > Android and browse the Android SDK folder and Android NDK.
Note : This can be anywhere in the system folder.
You can download the GenyMotion Tool from the below link : https://www.genymotion.com/fun-zone/
Setting up the tool is quite simple and is given in the image itself.
Good Luck, Cheers
I had the same problem as above. I did move my Android SDK home out of '~/Library/' folder.
Previously it was:
'~/Library/android-sdk-macosx'
Then i moved it like:
'~/android-sdk-macosx/'
Most probably, the Library folder not visible to AppceleratorStudio. My guess.
Thanks a lot, guys.