Debugger breaks the ability to interact with my app after upgrade #28531

crutchcorn · 2020-04-04T19:58:52Z

Please provide all the information requested. Issues that do not follow this format are likely to stall.

Description

Please provide a clear and concise description of what the bug is. Include screenshots if needed.
Please test using the latest React Native release to make sure your issue has not already been fixed: https://reactnative.dev/docs/upgrading.html

Upon upgrading from 0.61.5 to 0.62.1, I noticed that whenever I try to run my debugger, I'm no longer able to interact with the app. When I open the debugger, I get the following error in the metro server:

Error: Unable to resolve module `./debugger-ui/ui.cc464243.js` from ``:

None of these files exist:
  * debugger-ui\ui.cc464243.js(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
  * debugger-ui\ui.cc464243.js\index(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
    at ModuleResolver.resolveDependency (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:163:15)
    at ResolutionRequest.resolveDependency (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:52:18)
    at DependencyGraph.resolveDependency (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\node-haste\DependencyGraph.js:287:16)
    at C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\lib\transformHelpers.js:267:42
    at Server.<anonymous> (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\Server.js:841:41)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\Server.js:99:24)
    at _next (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\Server.js:119:9)
Error: Unable to resolve module `./debugger-ui/ui.7beef9ab.css` from ``:

None of these files exist:
  * debugger-ui\ui.7beef9ab.css(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
  * debugger-ui\ui.7beef9ab.css\index(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
    at ModuleResolver.resolveDependency (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:163:15)
    at ResolutionRequest.resolveDependency (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:52:18)
    at DependencyGraph.resolveDependency (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\node-haste\DependencyGraph.js:287:16)
    at C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\lib\transformHelpers.js:267:42
    at Server.<anonymous> (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\Server.js:841:41)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\Server.js:99:24)
    at _next (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\Server.js:119:9)
Error: Unable to resolve module `./debugger-ui/debuggerWorker.d9da4ed7.js` from ``:

None of these files exist:
  * debugger-ui\debuggerWorker.d9da4ed7.js(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
  * debugger-ui\debuggerWorker.d9da4ed7.js\index(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
    at ModuleResolver.resolveDependency (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:163:15)
    at ResolutionRequest.resolveDependency (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:52:18)
    at DependencyGraph.resolveDependency (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\node-haste\DependencyGraph.js:287:16)
    at C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\lib\transformHelpers.js:267:42
    at Server.<anonymous> (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\Server.js:841:41)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\Server.js:99:24)
    at _next (C:\Users\crutchcorn\git\GitGui\GitShark\node_modules\metro\src\Server.js:119:9)

React Native version:

Run react-native info in your terminal and copy the results here.

System:
    OS: Windows 10 10.0.18363
    CPU: (12) x64 AMD Ryzen 5 1600 Six-Core Processor
    Memory: 4.54 GB / 15.95 GB
  Binaries:
    Node: 12.16.1 - C:\Users\CRUTCH~1\AppData\Local\Temp\yarn--1586030292453-0.828895746177013\node.CMD
    Yarn: 1.22.0 - C:\Users\CRUTCH~1\AppData\Local\Temp\yarn--1586030292453-0.828895746177013\yarn.CMD
    npm: 6.13.4 - C:\Program Files\nodejs\npm.CMD
    Watchman: Not Found
  SDKs:
    Android SDK: Not Found
  IDEs:
    Android Studio: Not Found
  Languages:
    Python: 3.8.2
  npmPackages:
    @react-native-community/cli: Not Found
    react: ^16.13.1 => 16.13.1
    react-native: ^0.62.1 => 0.62.1
  npmGlobalPackages:
    *react-native*: Not Found
Done in 3.10s.

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

Clone this: https://github.com/crutchcorn/GitShark/tree/97ee89fc25c51a5ed03e59b25ee7967c1aea0211
Run yarn android
Enable debugger, open console dialog
Try to interact with the app

Expected Results

Describe what you expected to happen.

Snack, code example, screenshot, or link to a repository:

Please provide a Snack (https://snack.expo.io/), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem.
You may provide a screenshot of the application if you think it is relevant to your bug report.
Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve

https://github.com/crutchcorn/GitShark/tree/97ee89fc25c51a5ed03e59b25ee7967c1aea0211

The text was updated successfully, but these errors were encountered:

exotexot · 2020-04-05T16:19:17Z

I'm getting similar issues

``[Sun Apr 05 2020 18:18:13.475] BUNDLE ./index.js ░░░░░░░░░░░░░░░░ 0.0% (0/1)Error: Unable to resolve module ./debugger-ui/debuggerWorker.d9da4ed7.js from :

None of these files exist:

debugger-ui/debuggerWorker.d9da4ed7.js(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
debugger-ui/debuggerWorker.d9da4ed7.js/index(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
at ModuleResolver.resolveDependency (/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:163:15)
at ResolutionRequest.resolveDependency (/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:52:18)
at DependencyGraph.resolveDependency (/node_modules/metro/src/node-haste/DependencyGraph.js:287:16)
at /node_modules/metro/src/lib/transformHelpers.js:267:42
at Server. (/node_modules/metro/src/Server.js:841:41)
at Generator.next ()
at asyncGeneratorStep (/node_modules/metro/src/Server.js:99:24)
at _next (/node_modules/metro/src/Server.js:119:9)``

non-threatening · 2020-04-05T16:31:49Z

I'm having the same issue with 0.62.0 building for android.
When I open the developer menu and tap 'Debug' I am no longer able to interact with touchables. When I turn debugging off, it works as expected.

Error: Unable to resolve module ./debugger-ui/debuggerWorker.d9da4ed7 from ``:

VitaliyGaliy · 2020-04-06T07:00:40Z

Have the same issue "react-native": "0.62.0"

farhankassam2 · 2020-04-06T19:31:45Z

I suggest two potential solutions to this:

try running npm start -- --reset-cache so that the bundler's cache is reset. You can even configure this in the bundler settings within your IDE like in Webstorm (see attached screenshot)
or click reload from the chrome debugger window, which reloads the app in debugger mode on the simulator for you (see second attached screenshot).

I tried doing both of these and the debugger problem no longer appeared on my console. Cheers! :)

phuongpt · 2020-04-07T04:35:56Z

That's problems with plugins inside app, in my case is upgrading RNRF

crutchcorn · 2020-04-08T22:28:47Z

@farhankassam2 that solution doesn't work for me either.

cavator · 2020-04-09T01:51:10Z

I'm having the same issue, and if you try to init a new project it occurs too :/

sudpmishra · 2020-04-10T05:34:20Z

Getting the same issue.
react-native : v0.62.1

sandeepg1220 · 2020-04-10T08:57:16Z

Mee too getting the same issue.
react-native : v0.62.1

syrakozz · 2020-04-10T13:58:08Z

same here
react-native version 0.62.2

artemkhalygov · 2020-04-10T14:37:56Z

same for me
react-native: v0.62.2

P.S. I restarted my laptop and removed application from my phone. After that I ran yarn android and now debugger works as expected.

vitage · 2020-04-10T16:24:36Z

same issue
0.62.1 & 0.62.2

sudpmishra · 2020-04-11T06:03:49Z

same for me
react-native: v0.62.2

P.S. I restarted my laptop and removed application from my phone. After that I ran yarn android and now debugger works as expected.

Nope, I still get the issue.

anabelaatavares · 2020-04-11T13:30:31Z

same for me
react-native: v0.62.0

alessandro-p · 2020-04-11T17:01:53Z

I found this answer on stack overflow useful. Hard reload solved my issue.

oharbo · 2020-04-14T18:24:00Z

Finally found a working approach since had this issue after upgrade to RN v0.62.0:
Upgraded to react-native v0.62.2 and installed pods

build project using Xcode
observe that Fast Refresh is not working
killed RN packager
Then performed 3 following steps:

Clear browsing data
watchman watch-del-all
react-native start --reset-cache

after the new RN packager was started observed that Fast Refresh is working as expected.

Rishabh-Streak · 2020-04-17T11:54:26Z

Even i had same issue on RN0.62.2 none of the above suggestions helped.. i downgraded to RN0.61.5 and hopefully it is working fine will wait for this issue to get fixed to upgrade.

kmkrtich · 2020-04-18T18:35:51Z

This helped me

react-native-community/cli#1081 (comment)

shahnawazhussain125 · 2020-04-19T14:41:24Z

I have same issue but I resolved it by changing the browser from google chrome to Firefox. When I open debugger in firefox the error is removed and It is working.

artemkhalygov · 2020-04-21T10:43:55Z

Try to do this:
Go to your time settings and trigger Automatic date and time.

tayejoseph · 2020-04-28T23:22:55Z

Am still having that same issue

AlexDM0 · 2020-04-30T12:33:05Z

For me, what fixed it was removing

"plugins": [
    "@babel/plugin-proposal-class-properties"
  ]

from my babel.config.js. None of the other methods worked.

No idea why this fixes it but hey, it works!

ndviet2307 · 2020-05-18T07:32:21Z

@artemkhalygov Thank you. It's work 👍

liamkernighan · 2020-05-29T19:15:21Z

Removing the application from my phone, saving changes to git, git clean -xdf && yarn && yarn android helped me.

Not sure if it happens again, but I have a desktop and a laptop and that problem never occured on my laptop. Both run Windows 10 64-bit, Node and Chrome versions are the same, I haven't found any differences yet.

Since switching the workstation is not a solution I'll keep searching.

liamkernighan · 2020-06-06T14:34:46Z

Maybe the problem was in react-native-cli version. Never occurred since I downgraded from 4.9.0 to 4.7.0 and reinstalled the application on my phone.

	"resolutions": {
		"@react-native-community/cli": "4.7.0"
	}

crutchcorn · 2020-06-08T03:29:02Z

I spent hours on this, but I finally figured it out!

As it turns out, my time between my phone and desktop were unsynced by a few seconds. onPress is very time-sensitive. I found this command:

adb shell "date `date +%m%d%H%M%Y.%S`"

from this comment

However, a few things:

I'm on Windows 10, so that command just plain doesn't work for me
The phone I'm using has Android 10 on it, and the date command doesn't have the same format (nor does it work as-expected)

The solution for me wasn't to sync the time manually, but to set the NTP servers (which server tells your device what time it is) to match my Windows machine:

adb shell settings put global ntp_server time.windows.com

(Side note, if you're not certain that this is your time server, you can confirm by running this in PowerShell w32tm /query /peers)

ys-sherzad · 2020-06-08T07:16:30Z

for me, I restarted my mac, it solved the issue

vsheyanov · 2020-06-11T08:46:22Z

Hi @crutchcorn, I checked you solution and for combination (Mac, Android Galaxy S8, react-native 0.62.2) it didn't help, unfortunately. Though I didn't try actually, because my devices seem to be in sync, but having same issues (ui-debugger missing ... + on device when debugging onPress events don't fire):

adb shell "date" && date
Thu Jun 11 10:39:24 CEST 2020
Thu Jun 11 10:39:24 CEST 2020

crutchcorn · 2020-06-11T15:07:50Z

Yeah, @vsheyanov there definately seems to still need to be work done on this issue. While I can debug and press items on screen, the Cannot find still occurs, and I've had to sync times a few instances

crutchcorn · 2020-06-11T23:15:00Z

The trick I linked no longer works for me. It did for a time but is hit-or-miss whether or not it functions as-expected

emclab · 2020-07-17T20:36:54Z

me too with RN 0.62.2. It just happened a few hours ago and the app in Android emulator stuck by the error.

kwoxer · 2020-07-20T05:14:26Z

I have the same issue with RN 0.63.0.

Tried to hard reset cache of chrome without any change. Also tried the adb shell settings put global ntp_server time.windows.com with no change.

It also does not matter if I run on emulator or on my device.

Still getting Error: Unable to resolve module ./debugger-ui/ui.... from ``:

ovy9086 · 2020-07-22T14:24:19Z

Indeed this seems to fix it : https://stackoverflow.com/questions/59658998/expo-unable-to-resolve-module-debugger/60755519#60755519

just 'CMD+CTRL' and click reload button in chrome and then 'Reset cache & hard reload'

Asinox · 2020-09-08T23:02:33Z

Run npm i react-devtools-core in order to update debugger.

stale · 2020-12-25T17:16:25Z

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

github-actions · 2023-04-19T12:01:12Z

This issue was closed because it has been stalled for 7 days with no activity.

crutchcorn added the Needs: Triage 🔍 label Apr 4, 2020

wanschi mentioned this issue Apr 27, 2020

Redux Debugger not registering in flipper jk-gan/flipper-plugin-redux-debugger#10

Open

olegderecha mentioned this issue May 13, 2020

Unable to resolve module ./debugger-ui/ui.cc464243.js from `` react-native-community/cli#1081

Closed

crutchcorn mentioned this issue Jun 11, 2020

When upgraded to RN 0.62, debugger breaks oceanbit/GitShark#16

Closed

stale bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Dec 25, 2020

github-actions bot closed this as completed Apr 19, 2023

Debugger breaks the ability to interact with my app after upgrade #28531

Debugger breaks the ability to interact with my app after upgrade #28531

Comments

crutchcorn commented Apr 4, 2020

Description

React Native version:

Steps To Reproduce

Expected Results

Snack, code example, screenshot, or link to a repository:

exotexot commented Apr 5, 2020 • edited Loading

non-threatening commented Apr 5, 2020

VitaliyGaliy commented Apr 6, 2020

farhankassam2 commented Apr 6, 2020

phuongpt commented Apr 7, 2020

crutchcorn commented Apr 8, 2020

cavator commented Apr 9, 2020

sudpmishra commented Apr 10, 2020

sandeepg1220 commented Apr 10, 2020

syrakozz commented Apr 10, 2020

artemkhalygov commented Apr 10, 2020 • edited Loading

vitage commented Apr 10, 2020

sudpmishra commented Apr 11, 2020

anabelaatavares commented Apr 11, 2020

alessandro-p commented Apr 11, 2020

oharbo commented Apr 14, 2020

Rishabh-Streak commented Apr 17, 2020 • edited Loading

kmkrtich commented Apr 18, 2020

shahnawazhussain125 commented Apr 19, 2020

artemkhalygov commented Apr 21, 2020

tayejoseph commented Apr 28, 2020

AlexDM0 commented Apr 30, 2020

ndviet2307 commented May 18, 2020

liamkernighan commented May 29, 2020 • edited Loading

liamkernighan commented Jun 6, 2020 • edited Loading

crutchcorn commented Jun 8, 2020 • edited Loading

ys-sherzad commented Jun 8, 2020

vsheyanov commented Jun 11, 2020

crutchcorn commented Jun 11, 2020

crutchcorn commented Jun 11, 2020

emclab commented Jul 17, 2020

kwoxer commented Jul 20, 2020 • edited Loading

ovy9086 commented Jul 22, 2020

Asinox commented Sep 8, 2020

stale bot commented Dec 25, 2020

github-actions bot commented Apr 19, 2023

exotexot commented Apr 5, 2020 •

edited

Loading

artemkhalygov commented Apr 10, 2020 •

edited

Loading

Rishabh-Streak commented Apr 17, 2020 •

edited

Loading

liamkernighan commented May 29, 2020 •

edited

Loading

liamkernighan commented Jun 6, 2020 •

edited

Loading

crutchcorn commented Jun 8, 2020 •

edited

Loading

kwoxer commented Jul 20, 2020 •

edited

Loading