Тёмный

React Native Tutorial #21 - Debugging in VS Code 

Programming with Mash
Подписаться 22 тыс.
Просмотров 70 тыс.
50% 1

Опубликовано:

 

12 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 56   
@mashschool
@mashschool 3 года назад
If you have any questions about this or request tutorials in this style, be sure to leave a comment below, and thank you for liking the video. 😉
@bestsongsreelsshortslatest1170
@bestsongsreelsshortslatest1170 3 года назад
Amazing!!!
@atif7865
@atif7865 2 года назад
can this be done for Expo projects as well?
@qbakuba2057
@qbakuba2057 2 года назад
This really helped me out. Other tutorials didnt mention to click Debug at the end.
@sangram6848
@sangram6848 2 года назад
Thanks..my first day with React native and I was able to set up and debug easily! I tried few links already but couldn't figure out how the debug option comes up.
@udaysuddhala3512
@udaysuddhala3512 2 года назад
Thank you very much mash!! it saved my time and im very happy that i choosed ur tutorial :)
@namlevan2929
@namlevan2929 Год назад
Thanks a lot. It helped me save my time to set breakpoints in Chrome debug console
@romandavydov3738
@romandavydov3738 Год назад
Very cool, man thx! It works still with latest versions
@voldemore6300
@voldemore6300 Год назад
I run the project at the expo, so I don't have the d shortkey to access the debugging metro, I would shift this part of debugging ...do you have any idea for someone who is running project on the expo??
@anazi
@anazi Год назад
THANK YOOOOOOOU COMMENTED.. SHARED AND SUBSCRIBED
@nickbanderson
@nickbanderson 3 года назад
Awesome series thank you
@mashschool
@mashschool 3 года назад
Glad you enjoy it!
@2wardruid2
@2wardruid2 2 года назад
This video helped me a lot ! Thank you !
@phamanhtuan8732
@phamanhtuan8732 3 года назад
thanks for your video. Really useful!
@mashschool
@mashschool 3 года назад
Glad it was helpful!
@sanilkp6180
@sanilkp6180 2 года назад
Thank you!
@manishsaini021
@manishsaini021 2 года назад
so useful and awesome thank you
@stodani
@stodani 3 года назад
my breakpoint doesn't look red but rather a hollow white circle (black in the inside) and it doesn't make anything when i press the button... 4:04 also that circle besides "navigate" doesn't show up on my VS...
@filipemendes6140
@filipemendes6140 3 года назад
I was also struggling with this but I found the solution: Just right click the circle, then click the option that says "Edit breakpoint". It will open a tippable bar, click there to type and just hit enter.
@stodani
@stodani 3 года назад
@@filipemendes6140 thank youuuuuu!!!!
@ahmadalastal5303
@ahmadalastal5303 3 года назад
I am using TypeScript rather than Javascript, but the debugging session won't start [The orange color] it just keep loading and loading and no error is presented, any help ?
@omsun456
@omsun456 3 года назад
When I try to click Debug in emulator, its still pointing to chrome , somehow its not reaching vscode pls help
@leonardoderigo2640
@leonardoderigo2640 2 года назад
How did you solve it?
@hkthktm
@hkthktm Год назад
thank you
@Submersed24
@Submersed24 3 года назад
Just wondering, what is the "watch' bar for? I have been trying to find expressions that can be put in there with no luck
@18omarflores
@18omarflores 3 года назад
When I try debug and shake device for show the options, just show me debug with google instead of just debug like in video someones knows what is the reason?
@erikawwad7653
@erikawwad7653 2 года назад
This also happens to me
@leonardoderigo2640
@leonardoderigo2640 2 года назад
How did you solve?
@anandandtech6580
@anandandtech6580 3 месяца назад
when i debug android code in visual studio code using react native my vs code tries to open js in flipper why. please guide me
@shaswatisaha309
@shaswatisaha309 2 года назад
Hi, I tried to follow your steps but got this error: "Disconnected from the Proxy (Packager) to the React Native application. Retrying reconnection soon..." in the debug console. Any solution for that?
@priyankaamahour
@priyankaamahour 2 года назад
Thank you if after entering d in terminal not opening options popup on the app, on app emulator click ctr+cmd+z
@JuanLopez-dw2mi
@JuanLopez-dw2mi 2 года назад
I've spent all day trying to get it to work with axios calls. The call and response is working when not in debug mode. Is there a solution for this?
@raphaelgaldino3129
@raphaelgaldino3129 Год назад
Awesome content, how I exit debbug mode?
@aleksandrmatyka3118
@aleksandrmatyka3118 2 года назад
Do we have ability for debug in webshtorm?
@shabaaz27
@shabaaz27 3 года назад
Nice 👏
@mashschool
@mashschool 3 года назад
Thanks ✌
@anahitafakhravar1878
@anahitafakhravar1878 2 года назад
بسیار عالی. ممنون
@deeps-cg3lc
@deeps-cg3lc Год назад
Hi Mesh, I am getting below error while debugging in VS code, An error occurred while launching the application. Error while executing command '/Users/NAME/Documents/react_codes/AwesomeProject/node_modules/.bin/react-native run-ios --udid EF42321F-4D43-4307-9C70-A9F5EE4248DA --no-packager --verbose' (error code 101) (error code 303)
@zakmiltan
@zakmiltan 3 года назад
Do you have a expo version , because i could not make it work following your instructions. but using "expo start" instead of "react-native start" I never get the debug menu on the device or emulator. could you help please?
@mashschool
@mashschool 3 года назад
You can read about showing developer menu in expo here: docs.expo.io/workflow/development-mode/#showing-the-developer-menu Also you should set the port as I mentioned in the end of video.
@omeileo
@omeileo 3 года назад
My breakpoint is hollow (not red) and says 'Unbound breakpoint' when I hover over it. It doesn't stop at the code when I run it. Is there a fix for this?
@diegosalasnoain1149
@diegosalasnoain1149 3 года назад
If you are using typescript you need to enable: "sourceMap": true, "sourceRoot": "./", "mapRoot": "./", in the tsconfig.json That will allow the breakpoint to be bounded. You need to also make sure you are allowing to use breakpoints everywhere in you app by going to Code/Preferences/Settings. Search "Debug" and make sure the "Allow Brakpoints Everywhere" is enabled. That should be sufficient.
@ahmadalastal5303
@ahmadalastal5303 3 года назад
@@diegosalasnoain1149 tried that but my debugging session won't start, OUTPUT give me Packager is started and the debugging session doesn't start, any help ?
@smoothreflexsongs5111
@smoothreflexsongs5111 2 года назад
But sir exciting failed task app process debug ManiMan fast error how to solve
@sogxeuro
@sogxeuro 2 года назад
Anyone able to get this to work with TypeScript?
@niteeshsatyapu104
@niteeshsatyapu104 3 года назад
Can you help me on face detection in react native expo please
@mashschool
@mashschool 3 года назад
You can use this API from Expo: docs.expo.io/versions/latest/sdk/facedetector/
@alir8zana635
@alir8zana635 3 года назад
why would you try and copy the style of coding with mosh and net ninja? why do you think you don't have the knowledge or ability to become a brand yourself ?
@shabaaz27
@shabaaz27 3 года назад
Bro i want animated view for text input
@mashschool
@mashschool 3 года назад
After this series, I'll work on a set of animated components including Text Input.
@shabaaz27
@shabaaz27 3 года назад
@@mashschool keep going your content is good. Subscribers will come to you automatically Do videos using react components as well. Try to update what errors we face using components in react native Example while installing react-gesture-handler Am from chennai,India All the best.
@mashschool
@mashschool 3 года назад
Thanks for your suggestions.
@sultanali6411
@sultanali6411 2 года назад
too much adds do you think your tutorial is such a legend to be seen with extra adds
@unpamprogramming4497
@unpamprogramming4497 2 года назад
Gak ngerti asw
@jass__0
@jass__0 8 месяцев назад
@TheAppAlchemist
@TheAppAlchemist 3 года назад
thank you
Далее
How to Debug React Native App - From Zero to Hero 4
26:31
How to Debug Code Like a Pro
11:11
Просмотров 63 тыс.
Cursor Is Beating VS Code (...by forking it)
18:00
Просмотров 91 тыс.
Every React Concept Explained in 12 Minutes
11:53
Просмотров 622 тыс.
Top 6 React Hook Mistakes Beginners Make
21:18
Просмотров 571 тыс.
Are you debugging JavaScript in VSCode? | YOU SHOULD!
7:06
Setup VSCode like a senior React developer
13:43
Просмотров 50 тыс.