React native windows installation
HTML-код
- Опубликовано: 27 сен 2024
- Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
All the learning resources such as code files, documentations, articles and community discussions are available on our website:
chaicode.com/
You can find our discord link, github link etc on the above website.
Twitter/X link: x.com/hiteshdo...
Discord link: hitesh.ai/discord
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit...
If you don't see a tools folder ; goto sdk manager -> uncheck hide obsolete files -> check sdk tools folder -> apply changes
thanks man
@@anotherdeadguy Where is sdk manager
same question ... im getting build-tools and cmdline-tools folder
@@ganeshmaharna2909
worked for me.
Thanks bro
Hey Hitesh, thank you so much for this amazing video! Your instructions were super clear and easy to follow. I followed along step by step, and guess what? It worked like a charm! I'm so excited to start building with React Native now. Keep up the awesome work, and thanks again for sharing your knowledge with us! 🙌🎉
15:06 The android emulator is actually on, you have to press the power button for it to come on.
There is no tools folder in ...\AppData\Local\Android\Sdk\
In view of file manager click on the option of hidden files
@@aayushbalip1925 still the tool folder is missing
Here too
There are 2 types of tools are available build -tools and cmdline -tools so which one we need to choose
We need 2 things only, SDK and plateform-tools that's it. Use real device instead of emulator.
Thank you so much for this amazing walkthrough installation tutorial! I recently started learning React Native, and your instructions have been incredibly helpful. I can clearly follow along with your guidance, and it has made a significant difference in my understanding. You're doing an excellent job, and I wanted to let you know that you've gained a new subscriber! Keep up the fantastic work! 🤩
Done with the most troublesome step in the React Native development series. Now, it feels like i'm definitely making some real progress. Moving forward to next video. Thanks Hitesh Sir for this free series :)
For those who don't see tools directory in sdk manager untick obsolete package and download skd tools you will now see that directory
hey where can i find the untick obsolete package
@@shaaniscoding in android studio
Yeah it worked for me
How to get "app" folder?😢
As your app folder is on desktop 14:34
Please someone help me
Can not see any tools folder here so how is path for tools added?
same querry of mine
If you can't find tools folder in SDK folder then => open android studio => open SDK Manager => open SDK Tools => Install Android SDK Platform - Tools
thank you, your instruction is the best! succeeded!
I dont see the tools folder on my android studio sdk folder. I already installed the required packages
This video has helped me alot, Thank you Sir your work earned you a Subscriber, keep up the quality work
Thanks buddy 💚,
Grateful to you Hashnode!🤝
There is problem when using react-native-reanimated package app crashes when click on debug in devmenu 😢
the command: "npx react-native init newapp" gives me an error. its not working for me. incase anyone has solved this issue, then please help out.
Just delete the virtual device and app folder. start again with high speed internet. enter commands without any errors.
Sir there is no tool named folder in my SDK folder what should i do
did you find a solution?
Hello Sir, my installation shows that HAXM is deprecated. When I checked the documentation on GitHub, Intel was no longer maintaining it. Please what should I do?
Why did they do it so cryptic? Just like if I am installing nuclear bomb assembling software :D Thank you a lot for the tutorial!
For those with App Installation problem, Delete the virtual device by open android studio => under more actions select virtual device and select mobile device => next open app folder and there you'll see newapp folder delete it. Then start everything again with highspeed internet or else the build is gonna failure.
Sir actually ru telling to open Android studio or find the location in ThisPC
Sir i am having a problem. Cannot start server in new window because no terminal app was specified
i cant find tools folder in sdk folder why??
Hi Hitesh, thank you for the awesome videos, I have one question, can we install both React Native CLI and Expo CLI on windows 11?
Try npm install -g expo-cli
worked for me and I am on Windows 11 Pro (after react native cli was already installed)
there is no "tool" and no "tool/bin" folder only "build-tools"
Did you got any solution for that
If yes, do share
@@moltengaming7773 it is in obsolete package of android studio
Anybody who is facing error of java 11 just uninstall it and install java 17 from the same source , update environment and you will be fine.
How to run an ios? It is not working for me. Can you explain about that also?
* What went wrong:
Execution failed for task ':gradle-plugin:compileKotlin'.
> A failure occurred while executing org.jetbrains.kotlin.compilerRunner.GradleCompilerRunnerWithWorkers$GradleKotlinCompilerWorkAction
> Compilation error. See log for more details
i am facing this error
Discord link is not working for me , i need discord link anyone
i am unable to install android emulator hypervisor could anyone say how to solve this issue
hi man, did you solve it?
hello sir I do not find this path in the c drive C:\Users\shiva\AppData\Local\Android\Sdk\tools or C:\Users\shiva\AppData\Local\Android\Sdk\tools\bin
same issue...
Open Adroid Studio -> More Actions -> SDK Manger -> SDK Tools -> deselect Hide Obsolete Packages -> select Android SDK Tools (Obsolete) -> press Ok and install. This should add a \tools and \tools\bin.
Sir can you or anyone please suggest laptops in range of 40k-50k
please sir if you can bring a video on it
its much needed as the college is getting started .
videos are really good,,, top notch.. but you should be adding the links for downloading the tools in the description. a humble a request
C:\Program Files\Java\jdk-21 this environment user variable is correct
much needed video🙌🏻
can i use java jdk 17
Hi Hitesh.I am having issue with window installation. Showing me error for HAXM installation needed and ahowung error when I install. Virtual device disemt open without it. Plz help
i could not set tools
please tell installation in mac
thank you sir
i have iphone and a windows computer how i would i check? please help me out
i am getting this error- couldn't move temporary workspace to immutable location. PLEASE HELP ME WITH WHAT TO DO NOW ?
i am getting the same error, did you find a solution?
There are also some errors on mac. When we run an ios emulator on mac.
Please I need help, my emulator is opening but is not displaying react native code, none of my code is showing, what can I do please?
I have a problem for create first project part
i am getting error
"Could not open cp_proj generic class cache for build file
BUG! exception in phase 'semantic analysis' in source unit '_BuildScript_' Unsupported class file major version 66 "
For the Unsupported class file major version 66, try installing JDK 17 (fom the offical docs) and change the env varaibles to JDK 17 from your previous vesion. This solved the error message for me (I was using JDK 22).
Does it matter if we run android studio hedgehog or flamingo?
I just wanted to know will android studio work fine with a 4gb ram laptop of 11 gen
is it important to save sdk packages in c drive ? can we install in D drive
ive followed about 6-7 tutorials now but everytime i get this error:
C:\Users
iya0\AppData\Roaming
pm
ode_modules
eact-native-cli\index.js:302
cli.init(root, projectName);
TypeError: cli.init is not a function
your video seemed the best, atleast i understood what we were doing in the setup, would be great help if you could point out why this keeps coming
Will this work if I am using windows and iphone?
16:57 after hitting enter it is showing error BUILD FAILED
Thank for sharing!
i dont find any tools folder in my sdk directory
Helpful every video sir🎉
I downloaded java how can I install
Thanks for your video. To whom it may concern: Error occurred about no '\AppData\Roaming
pm' path after I installed all things and run 'npx react-native init newapp'. Refer to another web solution, I run 'npm install -g expo-cli --force'. Then it works. seems that you need to force run the npm installation after installed the ADK. Install order: node jp, JDK, ADK, node jp again
Thanks man. I had same error that went away with force run npm installation.
Unable to load script Make you sure you are either running Metro or that your bundle index.android.bundle is packaged correctly for releae
you are saying java 11 but you download java 17
yea, so i was trying to install the android studio, everything went well but for one thing, the HAXM was not installed, it failed and showed some error, ive tried the the lower versions of the same HAXM but its says the computer does not meet the requirements.. after downloading the latest version, it got installed but then when i try to create a virtual device, it say the HAXM id outdated i need to get a newer version.. what should do to solve this. thanks in advance
oooh, ive managed to handle it... but thanks still
have you got any solution?
@@luyandondila7496 Remove other version and install this version HAXM v7.6.5, the issue will resolve.
how did you manage to do ? HAXM
@Hitesh Choudhary
sir I'm currently facing an issue with the android studio installation as in the process when in install type when you choose standard and proceed for sdk package download it is showing me an error as Android Emulator , Google APis intel x86_64 Atom system image and 3more SDk components were not installed
if anyone knows the answer to resolve it please explain
one thing I am not getting, why are we setting up XXXXX\xxxx\xxx\xxxx\tools while we find only 'cmdline-tools' and 'build-tools' inside the android\sdk\ directory, in fact there's no tools folder inside android\sdk directory.. Can any one plz answer this?
untick sdk manager>sdka tools then untick hide obsolete packages you'll find sdk tools with obsolete marking download it and then go to you file the tools will be visible thanks me later
Discord invite not working. Please share it again.
After running this code npx react-native run-android I am facing this issue
error :-Cannot start server in new window because no terminal app was specified 16:47
try this :
npx react-native run-android --terminal cmd
bhai love from Pakistan
Tools folder missing
React native paper installation and configuring Video needed
what is the discord link?
Still Sdk location not found
hello everyone, can someone guide me to the next step, I am facing problem in starting the server. Receiving this error : "error Cannot start server in new window because no terminal app was specified."
You can use npm run start
Thank you so much
Thank you sooooo much
npx react-native start its working but npx react-native run-android its not working why ?
try writing only a
a for android
@@AbhishekKumar-nz9dn i fixed it thanks 😇
What did u do?
@@emind4651 How?
I got gradle error while installing. Will you please help?
found anything on this?
@@kursatsaimtuna7163 Are you talking about the BUILD faliure and Unsupported class file major version 66? If so, try installing JDK 17 (fom the offical docs) and change the env varaibles to JDK 17 from your previous vesion. This worked for me (I was using JDK 22). Additionally, I had to add the AppData\Local\Android\Sdk path to a varaible titled ANDROID_SDK_ROOT instead of the Path variable in order for it to build sucsessfully. I hope that was helpful!
@@lordshen628 bhai what about Android SDK Platform 34? i can only use android dk 35 in my version
@@kartikgupta534 Hello, you have to install the package again in the SDK manager. Select the SDK Manager option and on the SDK Platforms tab find Android 14.0("UpsideDownCake"). Expand this and select Android SDK Platform 34, Sources for Android 34, and either Intel x86 Atom_64 System Image or Google APIs Intel x86 Atom System Image.
Could someone can provide me discord server link ?
sir! while doing "c:\users\hp>cd desktop\app"
'System Cannot Find The Path Specified' was occuring. then i created an app folder on the desktop and the issue resolved but now i am confused how to perform the rest as there's nothing in the app folder and you did'nt show what to download or install there to perform the rest or may it is me confusing things.
Can someone KINDLY REPLY and guide me on what should i do and how to resolve the issue?
hey i had the same problem if you still have an issue there's something you can try:
so first see the video again and install all the packages that may not have and see u put all those in system environment variables .
then open command prompt instead of the desktop command run 'dir' you will get everything and make sure to delete that empty app folder you have on your desktop it can create confusion in the future.
and after dir command your computer will either show the react native template thing or may tell you to install a few things .
just follow your computer after that.
I'm getting the same error, can you explain in more detail how you solved it?
@@yunusyusufaksu5672 I'll tell you what I did
Mine is windows.
First I checked the environment variables and installed all of them in the system 'Path' option.
Then in the command prompt: write 'dir' it tells you if anything is missing from your computer that needs to be installed to run the command simply install those
Or you might get the same response as the one in the video after ' dir ' command
For the rest you can follow the video .
Still haven't figured it out guys.. can anyone help?
Hello, is Java 22 fine ?
The current Docs reccomend JDK 17. I got errors with JDK 22.
Thank you bro
Sir ye toh pehle hi hogaya tha
wtf, i didn't understand anything. can't you edit out unneccesary parts of the video. i was just so confused watching the video.
tks buddy
nice
1:15
First🎉
I'm having issues with this step:
3. Configure the ANDROID_HOME environment variable
Finding the location is fine but were and how are you meant to create the variables.
👌👌
why r u indian?? :)))))
Worst video, He always tell incomplete things that takes so much time.
How did you add app folder on desktop?
had similar problem , then asked AI then:
You can use the %USERPROFILE% environment variable to navigate to your user directory without typing the full path. Try the following command in Command Prompt : cd %USERPROFILE%\Desktop
and then you
Command Prompt :
npm install -g react-native-cli
react-native init app
cd app
Please help me with this.......* What went wrong:
java.io.UncheckedIOException: Could not move temporary workspace (C:\Users\Administrator\Desktop\app
ewapp\android\.gradle\8.6\dependencies-accessors\423f0288fa7dffe069445ffa4b72952b4629a15a-21f144ec-a5e7-4934-a0b9-6459361867fa) to immutable location (C:\Users\Administrator\Desktop\app
ewapp\android\.gradle\8.6\dependencies-accessors\423f0288fa7dffe069445ffa4b72952b4629a15a)
> Could not move temporary workspace (C:\Users\Administrator\Desktop\app
ewapp\android\.gradle\8.6\dependencies-accessors\423f0288fa7dffe069445ffa4b72952b4629a15a-21f144ec-a5e7-4934-a0b9-6459361867fa) to immutable location (C:\Users\Administrator\Desktop\app
ewapp\android\.gradle\8.6\dependencies-accessors\423f0288fa7dffe069445ffa4b72952b4629a15a)
* 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 59s
error Failed to install the app. Command failed with exit code 1: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081 FAILURE: Build failed with an exception. * What went wrong: java.io.UncheckedIOException: Could not move temporary workspace (C:\Users\Administrator\Desktop\app
ewapp\android\.gradle\8.6\dependencies-accessors\423f0288fa7dffe069445ffa4b72952b4629a15a-21f144ec-a5e7-4934-a0b9-6459361867fa) to immutable location (C:\Users\Administrator\Desktop\app
ewapp\android\.gradle\8.6\dependencies-accessors\423f0288fa7dffe069445ffa4b72952b4629a15a) > Could not move temporary workspace (C:\Users\Administrator\Desktop\app
ewapp\android\.gradle\8.6\dependencies-accessors\423f0288fa7dffe069445ffa4b72952b4629a15a-21f144ec-a5e7-4934-a0b9-6459361867fa) to immutable location (C:\Users\Administrator\Desktop\app
ewapp\android\.gradle\8.6\dependencies-accessors\423f0288fa7dffe069445ffa4b72952b4629a15a) * 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 59s.
info Run CLI with --verbose flag for more details.
you solved?
C:\Users\91976>cd Desktop\app
The system cannot find the path specified.
This message is showing while accessing the desktop
first create folder called app
@@_Asgar
How to get "app" folder?😢
As your app folder is on desktop 14:34
Please someone help me
Please I want to make big in cloud and I am an absolute beginner, 3rd year student. Can u suggest resources starting from scratch. Plz make a video on that. And I saw your cloud video that u posted one week ago
hi m8, it is fantastic until i get this error:
Receiving this error : "error Cannot start server in new window because no terminal app was specified."
what shall i do ? please help...
Use npm run start
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\Eren\AppData\Roaming
pm
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\Eren\AppData\Roaming
pm'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
pure hell trying to get an app up and running, no matter which developement you use microsoft developer studio, react-native, android studio.. you always get errors..nothing ever runs straight out of the box. hell I am telling you:
FAILURE: Build failed with an exception.
* What went wrong:
Could not open settings generic class cache for settings file 'D:\Projects\web\expo
ewapp\android\settings.gradle' (C:\Users\marin\.gradle\caches\8.0.1\scripts\4qjt201nk16tj0gmashrqogdn).
> 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 15s
you solved ?
@@yunusyusufaksu5672 nope gave up. installed clean version of android studio and that works. it seems every IDE wants to control variables and what not, so nothing is compatible.
Fresher aaye to kam kam se kam pura step by step btna chiye na
I got " Cannot find module './jdk'" error while typing "npx react-native init hello". how to solve this issue?
Hi Bro your nose looks like Akhilesh yadav one
Im not able to find tools and tools/bin folder?
same
Did you get the solution?
14:33 there is "Desktop\app is not recognized as an internal or external command, operable program or batch file." What should i do now and how to resolve this thing? Plz someone answer it
Desktop/app is just a file that he ceated on his PC. You can create any folder (Documents/Projects for example) and it should still work. Atleast this worked for me.
Simple, straight forward and works... thank alot
what is the app folder you went in.
where we can find it.
i am stuck
can someone reply on this??
@@HardikSaraiya-d9r Desktop/app is just a file that he ceated on his PC. You can create any folder (Documents/Projects for example) and it should still work. Atleast this worked for me.
hey sir !!
i have learned all the fundamentals of react native and can build decent apps now. I started getting little worries as i only have windows and android so i cannot test apps on IOS. i wanted to ask you is having Mac Os or ios necessary to get an internship ? will that be required ?
If you want to get internship so go ahead with windows