Setup React Native on MacOS (Android Version) | React Native Course #2
ฝัง
- เผยแพร่เมื่อ 5 ก.พ. 2025
- Yo! wassup in this video we'll learn how to setup react native cli for android using MacOS I hope you truly enjoy this series :D
repo: github.com/ars...
docs: reactnative.de...
Meme of the day: • Morgan and Morgan 3.0
videos below are recommendations I thought would be useful to install react native on your windows or Linux device:
windows tutorial: • React Native Environme...
Linux tutorial: • React native set up on... LINKS: linktr.ee/arsl... 👀 Support the channel 😁: www.paypal.com...
I've spent half a day trying to configure this until I found this video. Thank you.
No worries 😁
thank you so much! I was having a hard time setting up android environment setup for mac
Arslan, you lessons are just invaluable! I had so much problems with my new Mac M1 & only your lessons managed to help me solve them and get them working!!! You are the man! But the only imperfection, yeah, is the volume is quite soft😅
I'm glad you got it haha but yup I gotta speak louder lol
Thank you so much. Especially about the environment variable config!
I'm glad you found the video useful 😄
This really helps man! Thank you so much!
Glad I could help ya out
Really helpful. thank you
Glad it was helpful!
I was watching this video in a library and they told me to raise the volume.
Great tutorial, sir
Glad I could help
Bro can you please make a video on how to do the setup on M2 chip for iOS as I have been facing this problem for a very long time.
Unfortunately rtunately I don't have a M2 Mac so I probably can't help sorry
Doesn't this installation video work on m2 pro?
I'm not too sure but it should
Please helps me,what mean password(video1mins37second).Ican't any write that place.Please helps me
oh password is just your computers password
Great job! just fix the export ANDROID_HOME=$HOME/.zshrc. you don't need to edit the export. When you export the ANDROID_SDK_ROOT environments, it should be in the .zshrc.
Where is the link to the instructions on the React setup? Would be nice to have that in the description.
I'm sorry I'm not too sure what you mean can you please elaborate?
@@arslan99 Yes you are following the react native instructions, but I was trying to find the link and was unable to find it.
BTW great video!
I tried this but for some reason I still get that error with Error: spawn ./gradlew EACCES... and I can't get rid of it
Try doing ./gradlew clean in your android folder that should help I think
@@arslan99 solved it. What worked for me was to open the android folder in android studio and then I got a notification to upgrad gradle. After I did that it worked just fine.
@@GeekTecStudio glad you got it!
I am not able to open the emulator which keeps crashing and not responding.
What error does the console return if it still doesn't work uninstall the emulator and retry
@@arslan99 Thanks! That worked
@@raeesnazeem glad it worked!
I am run an old project and actually I am getting two errors:
-failed to launch emulator
- failed to install the app.
I am using Mac Pro M1.
I did follow all your descriptions.
Could you please help me.
Open Android studio, create a device and then run device once the device is ran then run your npx react-native run-android
Where is the link for the documentation you're using?
reactnative.dev/docs/environment-setup
For some reason i am able to build but not start the android build. I get this error:
Failed to connect to development server using "adb reverse": spawnSync adb ENOENT
info Starting the app...
error Failed to start the app.
Error: spawnSync adb ENOENT
Do you have any clue ?
Thanks :D
I'm not too sure, did you check stack overflow?
@@arslan99 actually found this one and it really worked for me :D
github.com/facebook/react-native/issues/28712
@@arslan99 sometimes i wonder myself why i dont stay at expo asdksjlasd
@@dglalperen niceeeee glad you got it working haha
@@dglalperen well both stock react native and Expo have their positive and negative but make sure you stick to what best suits your needs
i got this error message: error Your Ruby version is 2.6.10, but your Gemfile specified 2.7.6
This will help solve your issue
stackoverflow.com/a/37915028
4:02 ;)
😂
i got his error message, "error Failed to install the app. Command failed with EACCES: ./gradlew app:installDebug -PreactNativeDevServerPort=8081
spawn ./gradlew EACCES." anybody can help me?
please help me, I used macbook pro 2019
Error
info Launching emulator...
error Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds`.
warn Please launch an emulator manually or connect a device. Otherwise app may fail to launch.
info Installing the app...
FAILURE: Build failed with an exception.
* What went wrong:
Could not open settings generic class cache for settings file '/Users/mac/Desktop/sunday/AwesomeProject/android/settings.gradle' (/Users/mac/.gradle/caches/7.5.1/scripts/6hrksilieebwgbc2tk6l5h8hd).
> BUG! exception in phase 'semantic analysis' in source unit '_BuildScript_' Unsupported class file major version 64
* Try:
> Run with --stacktrace option to get the stack trace.
> Run with --info or --debug option to get more log output.
> Run with --scan to get full insights.
* Get more help at help.gradle.org
BUILD FAILED in 1s
error Failed to install the app. Make sure you have the Android development environment set up: reactnative.dev/docs/environment-setup.
Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081
FAILURE: Build failed with an exception.
* What went wrong:
Could not open settings generic class cache for settings file '/Users/mac/Desktop/sunday/AwesomeProject/android/settings.gradle' (/Users/mac/.gradle/caches/7.5.1/scripts/6hrksilieebwgbc2tk6l5h8hd).
> BUG! exception in phase 'semantic analysis' in source unit '_BuildScript_' Unsupported class file major version 64
* Try:
> Run with --stacktrace option to get the stack trace.
> Run with --info or --debug option to get more log output.
> Run with --scan to get full insights.
* Get more help at help.gradle.org
BUILD FAILED in 1s
at makeError (/Users/mac/Desktop/sunday/AwesomeProject/node_modules/execa/index.js:174:9)
at /Users/mac/Desktop/sunday/AwesomeProject/node_modules/execa/index.js:278:16
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async runOnAllDevices (/Users/mac/Desktop/sunday/AwesomeProject/node_modules/@react-native-community/cli-platform-android/build/commands/runAndroid/runOnAllDevices.js:82:7)
at async Command.handleAction (/Users/mac/Desktop/sunday/AwesomeProject/node_modules/@react-native-community/cli/build/index.js:108:9)
info Run CLI with --verbose flag for more details.
Did you create an Android emulator and started it yet?
@@arslan99 I did, I have had to delete my java 11 and installed jdk 11 so my gradle can work well.
Its still throwing errors and yet to build
@Arslan i'm also facing this issue how can i fix this ?
@@ayazhussain9848 I was able to fix this issue by downgrading to jdk 11. Also, i ran this
cd ./android/app/
and then
keytool -genkey -v -keystore debug.keystore -storepass android -alias androiddebugkey -keypass android -keyalg RSA -keysize 2048 -validity 10000