react-native-debugger icon indicating copy to clipboard operation
react-native-debugger copied to clipboard

devtools does not show. it's blank

Open pouriabagheri opened this issue 2 years ago • 14 comments

React Native Debugger app version: 0.14.0 React Native version: 0.72 Platform: iOS, Android Is real device of platform: Both Operating System: macOS

the dev-tool is blank and not showing anything the console throws this error on first run

bundle.js:2 TypeError: Cannot read properties of undefined (reading 'action')
    at r.value (bundle.js:6:262610)
    at r.value (bundle.js:6:262058)
    at xu (bundle.js:2:939665)
    at wu (bundle.js:2:939440)
    at bu (bundle.js:2:938978)
    at bundle.js:2:950762
    at Sl (bundle.js:2:951273)
    at ll (bundle.js:2:945029)
    at $o (bundle.js:2:885729)
    at bundle.js:2:951268
    at Sl (bundle.js:2:951273)
    at il (bundle.js:2:943770)
    at S (bundle.js:2:991848)
    at Immediate.D (bundle.js:2:992380)
    at process.processImmediate (node:internal/timers:476:21)

bundle.js:2 TypeError: Cannot read properties of undefined (reading 'action')
    at r.value (bundle.js:6:262610)
    at r.value (bundle.js:6:262058)
    at xu (bundle.js:2:939665)
    at wu (bundle.js:2:939440)
    at bu (bundle.js:2:938978)
    at bundle.js:2:950762
    at Sl (bundle.js:2:951273)
    at ll (bundle.js:2:945029)
    at $o (bundle.js:2:885729)
    at bundle.js:2:951268
    at Sl (bundle.js:2:951273)
    at il (bundle.js:2:943770)
    at S (bundle.js:2:991848)
    at Immediate.D (bundle.js:2:992380)
    at process.processImmediate (node:internal/timers:476:21)
Screenshot 2023-09-06 at 9 39 53 AM

I have tried: reinstalling the debugger removing all other debugging tools from chrome clearing app and yarn cache toggle DevTools react toggle DevTools redux

Does anyone know what are the files affected by the debugger so i can delete them manually and do a clean install ?

pouriabagheri avatar Sep 06 '23 01:09 pouriabagheri

so I managed to fix it by clean installing the react native debugger

  1. brew uninstall --cask react-native-debugger
  2. rm -rf ~/Library/Application Support/React Native Debugger
  3. brew install --cask react-native-debugger

pouriabagheri avatar Sep 06 '23 02:09 pouriabagheri

so I managed to fix it by clean installing the react native debugger

  1. brew uninstall --cask react-native-debugger
  2. rm -rf ~/Library/Application Support/React Native Debugger
  3. brew install --cask react-native-debugger

Its not worked for me

suleymanbasbug avatar Sep 07 '23 10:09 suleymanbasbug

I have a similar question the react devtools is blank and can't toggle, I resolve it by installing react-devtools: yarn global add react-devtools@^4.22.0.

MarkPan726 avatar Sep 28 '23 05:09 MarkPan726

Has anyone fixed this issue? I have the same. Nothing of solutions does not work.

fomichova avatar Nov 15 '23 14:11 fomichova

so I managed to fix it by clean installing the react native debugger

  1. brew uninstall --cask react-native-debugger
  2. rm -rf ~/Library/Application Support/React Native Debugger
  3. brew install --cask react-native-debugger

Its not worked for me

I did this but command 2 did not work for me so I manually deleted the folder and reinstalled and it worked.

jamesfg avatar Nov 21 '23 15:11 jamesfg

I fixed this issue. However, I could not solve this by uninstalling and installing it again. Then I remembered we have cache files for every application. With that in mind, the steps I followed to fix (Mac OS):

  1. Open Finder
  2. In the top, select Go -> Go to Folder -> /Users/${yourUser}/Library/Caches/
  3. Go to Application Support folder -> Then delete the entire folder called React Native Debugger
  4. Open the application again; it should be working.

Screen Shot 2023-11-28 at 1 27 21 PM

sayurimizuguchi avatar Nov 28 '23 18:11 sayurimizuguchi

I fixed this issue. However, I could not solve this by uninstalling and installing it again. Then I remembered we have cache files for every application. With that in mind, the steps I followed to fix (Mac OS):

  1. Open Finder
  2. In the top, select Go -> Go to Folder -> /Users/${yourUser}/Library/Caches/
  3. Go to Application Support folder -> Then delete the entire folder called React Native Debugger
  4. Open the application again; it should be working.

Screen Shot 2023-11-28 at 1 27 21 PM

It works. Great ! 💯

meantgx avatar Dec 15 '23 08:12 meantgx

Having the same problem, installing it with dpkg. Removing and reinstalling does not work. I tried installing react-devtools: yarn global add react-devtools@^4.22.0

fdrcslv avatar Jan 12 '24 09:01 fdrcslv

I fixed this issue. However, I could not solve this by uninstalling and installing it again. Then I remembered we have cache files for every application. With that in mind, the steps I followed to fix (Mac OS):

  1. Open Finder
  2. In the top, select Go -> Go to Folder -> /Users/${yourUser}/Library/Caches/
  3. Go to Application Support folder -> Then delete the entire folder called React Native Debugger
  4. Open the application again; it should be working.

Screen Shot 2023-11-28 at 1 27 21 PM

thanks it working

mukeshmaurya2002 avatar Apr 24 '24 12:04 mukeshmaurya2002

I fixed this issue. However, I could not solve this by uninstalling and installing it again. Then I remembered we have cache files for every application. With that in mind, the steps I followed to fix (Mac OS):

  1. Open Finder
  2. In the top, select Go -> Go to Folder -> /Users/${yourUser}/Library/Caches/
  3. Go to Application Support folder -> Then delete the entire folder called React Native Debugger
  4. Open the application again; it should be working.

Screen Shot 2023-11-28 at 1 27 21 PM

I did not find the "React Native Debugger" folder under this path "/Users/${yourUser}/Library/Caches/Application Support/", but managed to solve this problem by turning off "Cache Storage" in the "Application" tab of the debugger. The react-native-debugger version that I used is 0.14.0.

Screenshot 2024-06-13 at 21 05 32

VladKNT avatar Jun 13 '24 18:06 VladKNT