javascript - React DevTools show components as "Loading..." - Stack Overflow

admin管理员组

文章数量:1417664

I need to debug some props that are being used in my React application. However, if I try to inspect certain ponents, they appear as "Loading..." instead of the normal props list:

However, I know that these ponents have already rendered as I can see them in the DOM. Also, it stays like this perpetually, so it obviously isn't actually loading anything.

I'm using React DevTools 4.2.1-3816ae7c3 and React 16.12.0

I need to debug some props that are being used in my React application. However, if I try to inspect certain ponents, they appear as "Loading..." instead of the normal props list:

However, I know that these ponents have already rendered as I can see them in the DOM. Also, it stays like this perpetually, so it obviously isn't actually loading anything.

I'm using React DevTools 4.2.1-3816ae7c3 and React 16.12.0

• javascript
• reactjs
• react-devtools

Share Improve this question Follow asked Dec 2, 2019 at 7:16 MigwellMigwell 20.2k2424 gold badges106106 silver badges180180 bronze badges 4

• This is a bug in the new react dev tools. Just reload developer options. You should be able to see the data. – Easwar Commented Dec 2, 2019 at 7:23
• If by "reload", you mean close and re-open them, it doesn't help for me. – Migwell Commented Dec 2, 2019 at 7:28
• 1 Is it always loading everytime ? For me its random (say 1/4 times). In that case I switch to a different ponent or switch to a different DOM element and reload dev tools. Usually it does the fix. If not, try refreshing the browser. – Easwar Commented Dec 2, 2019 at 8:29
• 2 have the same problem. Have you found anything as solution? – diesel94 Commented Jan 26, 2021 at 10:40

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

I was having the same issue with Ubuntu and after reinstalling the extension. Close the chrome app and reopen it, then it solved it for me.

本文标签： javascriptReact DevTools show components as quotLoadingquotStack Overflow