jhen0409 / react-native-debugger

The standalone app based on official debugger of React Native, and includes React Inspector / Redux DevTools
MIT License
10.35k stars 811 forks source link

devtools does not show. it's blank #789

Open pouriabagheri opened 12 months ago

pouriabagheri commented 12 months ago

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 commented 12 months ago

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
suleymanbasbug commented 12 months ago

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

MarkPan726 commented 11 months ago

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.

fomichova commented 9 months ago

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

jamesfg commented 9 months ago

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.

sayurimizuguchi commented 9 months ago

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

meantgx commented 8 months ago

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 ! 💯

fdrcslv commented 7 months ago

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

mukeshmaurya2002 commented 4 months ago

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

VladKNT commented 2 months ago

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