Waiting for roots to load... error message #354

richb-hanover · 2016-03-25T15:13:58Z

I'm using React Developer Tools 0.14.9 on Chrome Version 50.0.2661.49 beta (64-bit) (OSX 10.10.5). I have cloned react-starter-kit (https://github.com/kriasoft/react-starter-kit) and modified it to make my app.

I tested the original react-starter-kit, and it works fine - it displays the React components as desired.

But when I fire up my app and inspect it, the React tab shows "Waiting for roots to load ... to reload the inspector [ click here ]"

What causes this message? Where do the "roots" come from? (I'm sure I have screwed something up, but ... what?) Thanks.

2color · 2016-03-30T15:55:14Z

I'm getting the same error.

In the console I see:
backend.js:8441 Uncaught TypeError: Cannot read property 'props' of undefined

kasper573 · 2016-03-30T23:20:34Z

I'm writing a custom react renderer (https://github.com/Kasu/symphony/tree/custom-renderer/lib/surface/react-surface) and I'm experiencing the same problem ("Waiting for roots to load ... to reload the inspector [ click here ]"). It could be related to this issue.

If not, I'd still be greatful in some advice on where to look in react-devtools to understand where the roots come from. I tried to track down the "root" event from the bridge but I couldn't find where in react it comes from.

sophiebits · 2016-03-30T23:21:48Z

It probably comes from the "backend" folder. No one actively works on the devtools and has a good understanding of all the pieces so you'll have to dig around if you want to change stuff.

kasper573 · 2016-03-31T00:12:06Z

@spicyj Found it! Thanks for the pointer!

It's hook.emit("root", ...) in https://github.com/facebook/react-devtools/blob/master/backend/attachRenderer.js

bobwhitelock · 2016-04-06T16:29:27Z

I'm getting a similar error as described in #105 (comment).

bobwhitelock · 2016-04-07T11:01:26Z

I've investigated this some more, and I've been able to reproduce this issue consistently with the following gist: https://gist.github.com/BobWhitelock/8a3fd237a325668e659465a20555c84b. This should able to just be downloaded and the page viewed as-is, and the issue can be seen in the devtools and the error message within the console.

The error, at least in my case, seems to be due to the dynamic text creation using {} within the option element, the error only appears when this is present - I've no idea why this is causing this however.

I've not been able to reproduce the above linked issue as well, so I'm guessing there's something more going on in that case.

Creating the text using a method seems to get around this issue with the devtools not loading and lots of errors occurring.

sophiebits · 2016-04-07T17:43:39Z

@bobwhitelock Sounds like #248.

bobwhitelock · 2016-04-08T09:08:13Z

Thanks @spicyj, that does look the same. Looks like there's a possible fix proposed in #345 also, but I've managed to work around this for the moment by creating the option text elsewhere and ensuring the option only has a single child.

gertcuykens · 2016-08-11T22:46:28Z

I still have this error when pre render my page? Note that I am new to react and don't understand much about it yet.

<!DOCTYPE html>                                                                                                         
<html>  
  <head>                                                                                                                
    <title>Test</title>                                                                                                                                                        
    <script src="react.min.js"></script>
    <script src="react-dom.min.js"></script>                                                                              
  </head>                                                                                                               
  <body>                                                                          
  <div data-reactroot="" data-reactid="1" data-react-checksum="318384820"><!-- react-text: 2 -->Hello <!-- /react-text -
-><!-- react-text: 3 -->John<!-- /react-text --></div>                                                                  
  </body>                                                                                                               
<html>

EDIT: A wait I think I understand now, I am not using react at all this way :)

mapimienta · 2016-09-05T15:10:42Z

you must to add this:

mapimienta · 2016-09-05T15:11:08Z

you must to add this js, this js is from the babel core
https://npmcdn.com/babel-core@5.8.38/browser.min.js

gaearon · 2017-02-15T18:15:58Z

This was likely a DevTools bug that got fixed in #345. Closing.

Nantris · 2017-02-17T17:57:50Z

Still seeing this issue with React Devtools in Electron. Hadn't seen it until just today.

gaearon · 2017-02-17T20:42:55Z

@slapbox What are you using it with? If React Native, it might be due to a bug in RN that is fixed in master. You can try applying facebook/react-native#12305 and facebook/react-native#12316 to RN locally. If you still experience it, please file an issue describing exactly how to reproduce this.

Nantris · 2017-02-17T21:32:50Z

@gaearon Thanks for your response. I'm not using React Native. I made a report at #547

sunkarashruthi · 2017-04-20T21:48:52Z

Hey guys,

i am a beginner to react. My broswer is not rendering the hello world that i rendered in my js file.
I am attaching two examples screenshot

first image: i was running webpack-dev-server at localhost:8080, instead of displaying hello world it displays the way in the image

second image: This was displaying hello world when running the index.html file but the dev tools has error like waiting to load....

any suggestions would really help me
Thanks

sunkarashruthi · 2017-04-20T22:01:58Z

Also React dev tools is not showing in the console of my first image

Nantris · 2017-04-21T00:40:12Z

@sunkarashruthi I have run into this issue a few times and every single time it has been my own fault.

Are there any warnings or errors? That can cause this.

Is there anything that could possibly be happening in a way you don't expect that is not technically an error? In particular, check your ComponentWillMount()'s first and foremost.

sunkarashruthi · 2017-04-21T02:36:37Z

@slapbox there was a CORS issue, which i fixed.

Thanks for responding

bobwhitelock added a commit to alces-software/alces-access-manager that referenced this issue Apr 7, 2016

Work around for facebook/react-devtools#354

e96db00

Creating the text using a method seems to get around this issue with the devtools not loading and lots of errors occurring.

gaearon closed this as completed Feb 15, 2017

samit4me mentioned this issue Apr 28, 2017

Waiting for roots to load... #648

Closed

koderjoker mentioned this issue Mar 21, 2019

Unable to inspect/debug components of archive.org using developer tools internetarchive/iaux#15

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Waiting for roots to load... error message #354

Waiting for roots to load... error message #354

richb-hanover commented Mar 25, 2016

2color commented Mar 30, 2016

kasper573 commented Mar 30, 2016

sophiebits commented Mar 30, 2016

kasper573 commented Mar 31, 2016

bobwhitelock commented Apr 6, 2016

bobwhitelock commented Apr 7, 2016

sophiebits commented Apr 7, 2016

bobwhitelock commented Apr 8, 2016

gertcuykens commented Aug 11, 2016 •

edited

Loading

mapimienta commented Sep 5, 2016

mapimienta commented Sep 5, 2016 •

edited

Loading

gaearon commented Feb 15, 2017

Nantris commented Feb 17, 2017

gaearon commented Feb 17, 2017

Nantris commented Feb 17, 2017

sunkarashruthi commented Apr 20, 2017

sunkarashruthi commented Apr 20, 2017

Nantris commented Apr 21, 2017

sunkarashruthi commented Apr 21, 2017 •

edited

Loading

Waiting for roots to load... error message #354

Waiting for roots to load... error message #354

Comments

richb-hanover commented Mar 25, 2016

2color commented Mar 30, 2016

kasper573 commented Mar 30, 2016

sophiebits commented Mar 30, 2016

kasper573 commented Mar 31, 2016

bobwhitelock commented Apr 6, 2016

bobwhitelock commented Apr 7, 2016

sophiebits commented Apr 7, 2016

bobwhitelock commented Apr 8, 2016

gertcuykens commented Aug 11, 2016 • edited Loading

mapimienta commented Sep 5, 2016

mapimienta commented Sep 5, 2016 • edited Loading

gaearon commented Feb 15, 2017

Nantris commented Feb 17, 2017

gaearon commented Feb 17, 2017

Nantris commented Feb 17, 2017

sunkarashruthi commented Apr 20, 2017

sunkarashruthi commented Apr 20, 2017

Nantris commented Apr 21, 2017

sunkarashruthi commented Apr 21, 2017 • edited Loading

gertcuykens commented Aug 11, 2016 •

edited

Loading

mapimienta commented Sep 5, 2016 •

edited

Loading

sunkarashruthi commented Apr 21, 2017 •

edited

Loading