Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript One Solution

Posted by Mahmoud Nasser
Mahmoud Nasser
5,507 Points

React js DevTools for Debugging

there is a problem in react am facing if you wrote a syntax errot in ur app.js u cant open dev tools for react i always get this message when i open react devtools " Waiting for roots to load" and when i googled this error i found that it ocuurs with most people due to syntax errors in my case i was debugging for half an our and i figured out that instead of typing ReactDOM.render i typed ReactDom.render i.e " i didnt capitalize the letters o and m" so is there a way that i can find the syntax error when using react js that facitilate finding the syntax error as plain javascript

thanks in advance :)

2 Answers

Masha Blair
Masha Blair
13,005 Points
Masha Blair
Masha Blair
13,005 Points

I would also like to know the name of that extension

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

I wasn't referring to a particular extension in this case. Try searching for a few within Visual Studio Code and see what you can find. There's bound to be lots of information out there!

Try searching React Debug to begin with.

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

If you don't see anything in the "console" tab of Chrome DevTools but React isn't connecting you might be able to find more on React Syntax errors by installing an extension to your text editor such as Visual Studio Code! :-)

Mahmoud Nasser
Mahmoud Nasser
5,507 Points

Jonathan Grieve may i know what is the name of that extension ??