React-devtools: Installed the plug-in but react-devtools is not working.

[vive1994k]

Its showing no error.

[vive1994k]

"If you inspect an element or launch the developer tools on a React page, you should see an extra tab called React in the inspector".
This action is not happening.

[AntonNiklasson]

That page does not seem to be built with React. Try facebook.com, that should work.

[nakamin]

@vive1994k you're using React DevTools on the chrome web store site which is not built with React. Try this on another website that uses React : http://todomvc.com/examples/react

[manodupont]

What if my site is actually a React app, but the tab doesn't show. What exact part of React has to be IN ? Is it a matter of server or client side ? My app is just client for now. No server at all... does this affect the React Tool ? Cause i swear i dont see any tab React.

[nakamin]

@manodupont, if you have react in your app you should see the tab. Check the console to see if you have any errors.

[manodupont]

I dont know what to say. Its just not there. I have seen that sometimes. I dont think its just a matter of "having React". Its not enough precise. My app is a React app. I mean, its launching, its working, i have been using it for the past month. :) But the tab never showed. So there's got to be some "element" in DOM or whatever that is NOT there and that the Dev Tools is waiting for to tell that "it is actually a React App".

[manodupont]

Well, yes there is a blue warning actually.

Download the React DevTools and use an HTTP server (instead of a file: URL) for a better development experience: https://fb.me/react-devtools

[manodupont]

But i do have the tools when i go in Chrome Extension, i can see it and its saying : Added to Chrome. So its there. And also when i go on facebook, i can see the tab. So the only thing left is related to : "... and use an HTTP server". So thats it .. i am NOT using a web server. So basically, the DevTools works only for complete React App with web server.

[nakamin]

So how are you viewing your react app then?

[AntonNiklasson]

You can actually allow Chrome Extensions to access file URLs. Try that.

[nakamin]

You might need to first turn on the developer mode though

[manodupont]

@AntonNiklasson : Thanks. That was exactly it.

[manodupont]

@nakamin : I open index.html :) ???!!!

[nakamin]

@manodupont lol 😂 works now?

[manodupont]

yes! thanks!

[vive1994k]

Thanks, it was the server issue
and it was not React page.