react-native: debugger-ui not shown console.log

ok, i think i finally able to get this to work. on the react-native app, press ctrl+M (or Command + M on mac, or “adb shell input keyevent 82” via shell) to open developer menu. and choose “Debug JS Remotely” . only after this the logging on debugger-ui will work.

you might want to close all opened debugger-ui windows/tabs. choosing debug js remotely will open a new tab.

I’m having the same problem. Moreover, this error is making me not able to print information to debug through the console.log method. Here more details about the error:

Uncaught TypeError: Cannot set property ‘volume’ of null at Object.render (debugger-ui:92) 92: silence.volume = 0.1; at Object.setState (debugger-ui:46) at WebSocket.ws.onopen (debugger-ui:150) debugger-ui:1

Error in event handler for (unknown): TypeError: Cannot read property ‘userId’ of undefined at chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/contentscript.js:1:841

I fixed this by disabling the “Adblock Plus” Chrome extension.

I had same issue for two days, which severely hurt my work progress. At the end, i tried to disable all my extensions on chrome and it worked. After that, I started enabling them one by one, but it kept working fine, so i couldn’t single out one extension that was causing it. I suspect it was either adblocker or react/redux-dev-tools.

Getting this issue also

Hey, thanks for reporting this issue! It looks like your description is missing some necessary information, or the list of reproduction steps is not complete. Can you please add all the details specified in the Issue Template? This is necessary for people to be able to understand and reproduce the issue being reported. I am going to close this, but feel free to open a new issue with the additional information provided. Thanks! See “What to Expect from Maintainers” to learn more.

@RajeshwariGandmal press Command and M and then reload http://localhost:8081/debugger-ui/

Hi I solved it. After this error, I tried to install canary chrome to debug, but I still have this error, I tried using Visual Code and installed Extension React Native Tool to debug. After debugging on Visual Code, I installed React Developer Tools and then suddenly the chrome canary did not get this error again. You try this way.

1. Install chrome canary
2. Install React Developer Tools

npm install -g react-devtools react-devtools

1. Reset computer Good luck.

Refreshing the simulator ⌘R seems to work, at least some of the time. It would be nice if the error was more specific, though.

@sinner I have the same exact issue, and my app doesn’t load on the emulator, any ideas?

Uncaught TypeError: Cannot set property ‘volume’ of null at Object.render (debugger-ui:92) at Object.setState (debugger-ui:46) at WebSocket.ws.onopen (debugger-ui:150) render @ debugger-ui:92 setState @ debugger-ui:46 ws.onopen @ debugger-ui:150