react-native-debugger causes app to load stale JS code #423

rikur · 2019-10-25T21:45:50Z

React Native Debugger app version: 0.10.2
React Native version: 0.61.2
Platform: iOS
Is real device of platform: No
Operating System: macOS 10.14.6

When I enable Debug from the developer menu and connect through react-native-debugger, my app is stuck on an old, stale version of the JS code and editing files and reloading doesn't pick up any changes either. Debugging via the usual debugging tab in Chrome doesn't have this issue.

bockc · 2019-10-28T13:56:07Z

I can confirm that this issue occurs and stays there even if you kill the app and restart it as the debugging option stays enabled, so this is definitely not an issue with the new react-native fast-reload feature.

mtnt · 2019-10-29T09:36:31Z

Live reload still updates code (with the debugger turned on).

bockc · 2019-10-29T15:37:09Z

@mtnt In my case, nothing works as soon as react-native-debugger is connected. Even adding // @refresh reset didn't change anything. I'm using RN0.61 (just like the author), so there's no option anymore to enable only live reload, and this is the first RN version in which this issue occurs for me. Which RN version do you use ?

mtnt · 2019-10-29T18:46:11Z

@bockc 0.61.1

bockc · 2019-10-30T10:03:28Z

How can you choose to use live-reload specifically instead of the new fast-refresh feature ?

martinezguillaume · 2019-10-31T13:48:12Z

same problem here ! I need to uninstall completely the app to make it work again, but this problem can reappear at any time...

rikur · 2019-11-14T08:26:06Z

@jhen0409 any idea what could becausing this? Maybe Fast Refresh? I love this tool but now it's useless :/

JacobJaffe · 2019-11-14T16:09:49Z

Also facing this issue,
React Native Debugger app version: 0.10.2
React Native version: 0.61.2
Platform: iOS
Is real device of platform: No
Operating System: macOS 10.14.3

In addition, upon saving files for fast refresh, I get the following error:

Error: Requiring unknown module "470". If you are sure the module exists, try restarting Metro. You may also want to run `yarn` or `npm install`.

(only with React Native Debugger)

toby-pondr · 2019-11-18T04:48:18Z

This is happening to me as well. As soon as I start debugging, it reverts back to a previous version. With debugging off, it works fine. Fast refresh works with debugging off.

react-native: 0.61.2
Android
Mac OS 10.15

fendorio · 2019-11-18T11:03:07Z

Happening for me too, stale code served with debugger connected.

react-native: 0.61.3
iOS
Max OS: 10.14.6

dquessenberry · 2019-11-19T03:36:04Z

I am having the same issue with v0.10.4. It took me nearly 2 hours to figure out what is causing it - I thought I was going mad! Does anyone have any work arounds? I already downgraded this tool once recently because it was freezing and I was forced to restart it about 5 times a day. Decided to upgrade hoping my previous issue was fixed, but it looks like there is an even more serious bug now, so for now it back to v0.9.14...

RN: 0.61.2
iOS
MacOS: 10.14.6

bockc · 2019-11-19T10:42:08Z

@dquessenberry this is not an issue with react-native-debugger, this is an issue with react-native itself and its new fast refresh feature. By using the chrome console as a debugger I encounter the same issue. There's nothing much to do right now but to wait for the react-native team to fix this

dquessenberry · 2019-11-19T19:18:31Z

@bockc hmmm, I don't seem to be encountering the issue via Chrome console. What is especially odd is if RND is connected it loads stale js, if disconnected it shows the latest code, however if I completely uninstall RND and then reinstall it, it still shows stale code. So with that said, I suppose you're correct, it must be something outside of RND, such as RN itself. Thanks.

EDIT: I just downgraded RND to v0.9.14 and I no longer experience this issue. I'm not saying that the bug is entirely RND, but perhaps there is some issue with a combination of RND v0.10.4 and RN's fast refresh feature.

For those interested in downgrading RND to the last major release, v0.9.14, run the following commands:

brew cask uninstall react-native-debugger
brew cask install https://raw.githubusercontent.com/Homebrew/homebrew-cask/f6db4e3e6c2a773bc2967db5819118299b8a60a1/Casks/react-native-debugger.rb

bockc · 2019-11-20T09:34:56Z

Well, that's nice to hear for you, glad that you could find a way out of this.
But I guess this issue will reappear sooner or later for you, I sometimes have a whole day where this does not happen, and the following day everything starts to go rogue...
Anyway, I hope for you that you're definitely out of it :)

I don't think the issue comes from a combination of RND and RN either, as I tried with both Chrome and RND, this issue is exactly the same. The only common thing I see between all I have tested is... RN itself haha, but of course I could be missing something

dyancat · 2019-11-25T00:24:50Z

What worked for me is disabling the cache in the network tab

martinezguillaume · 2019-11-25T10:18:29Z

For me, when this happens, I'm using a software (CleanMyMac) to clean React Native Debugger files. Then, restart it and works again !

lafiosca · 2019-11-25T16:07:38Z

Today was the first time I ran into this problem, coincidentally right after doing a self-update of React Native Debugger to 0.10.5. I'm not certain which version of RND I upgraded from, but it was at least 0.10.2 and likely 0.10.4. This is a RN 0.61.4 app. @dyancat 's suggestion of disabling the network cache worked for me, which leads me to assume that the development build of my app was fetching a cached version of the bundle. This seems reinforced by the fact that the only network fetch in the log window is for http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false.

I had previously tried deleting the watchman cache, upgrading watchman, resetting the metro cache (multiple times), deleting my entire repo and reinstalling it, rebuilding the app, etc. The only consistent behavior was that each time I turned on debugging, the old version of the app loaded.

After turning on debugging again, disabling network cache in React Native Debugger, and hitting reload on the app, the latest version of my app code loaded. Re-enabling the cache after that and reloading again still showed the latest version.

bockc · 2019-11-25T16:54:19Z

I confirm that disabling the network cache prevents the issue from occurring. It didn't work for me because I didn't restart react-native-debugger after disabling the network cache.

irondsd · 2019-12-11T10:49:10Z

I was so confused and it took me an hour to figure out it was a debugger's fault. This worked great. Thank you, sir

KingAmo · 2019-12-24T02:59:06Z

i suggest pin this issue before it is resolved. i have spend hours before come here

terence612 · 2019-12-28T15:45:27Z

I should have search this issue earlier. This solution solved my problem.

vinhdothe93 · 2020-02-02T08:21:51Z

Thanks so much. You saved my life. :D

rikur · 2020-03-22T00:42:05Z

Alright, I think we can close this issue. Thanks @dyancat!

infostreams · 2020-03-30T10:40:44Z

@rikur What do you mean close it? That's not a solution, that's a workaround! Can you make changes in the debugger so that it never loads stale Javascript code? This bug has caused me multiple hours TWICE! And I'm sure I'm not the only one. The problem described in this ticket is not resolved.

infostreams · 2020-03-31T13:53:43Z

Thanks for re-opening it. Is it possible that this https://stackoverflow.com/a/55026131 is the solution for this problem?

mjgul · 2020-04-08T19:28:22Z

the app runs old code since the evening I don't know why this is happening?

cryptedx · 2020-04-09T06:10:52Z

Disable the cache like mentioned above.

chudaotrucnhan · 2020-04-22T02:17:37Z

You saved my life :D

eurobob · 2020-04-25T11:55:53Z

This is so fucking dumb. Yesterday no problem, today I had the issue. Wtf. Thanks for the fix @dyancat

kbrandwijk · 2020-04-29T04:03:32Z

~~Never happened to me before, but started happening in 0.11.0-beta-4.~~

Fixed in 0.11.1 indeed :D

mertuner · 2020-05-03T05:13:48Z

Thank you good sir

Ben-Mark · 2020-06-01T09:04:46Z

The react native debugger must set that checkbox by default!

Thank you @dyancat !!

darkbasic · 2020-06-01T09:24:23Z

It does. Make sure to not use outdated versions.

Ben-Mark · 2020-06-01T09:27:43Z

I'm on RN 0.62.2

darkbasic · 2020-06-01T10:07:35Z

RN version doesn't matter, it's the RN Debugger that you have to upgrade.

BrunoVillanova · 2020-06-27T22:28:14Z

Thank you so much!!!

seanlangley · 2020-07-05T21:06:23Z

Thank you so much, I spent an hour on this problem and this fix worked for me.

FuzzyBuckBeak · 2020-07-13T18:18:08Z

I spent hours on this before i ended up here. Thanks @dyancat

SethArchambault · 2020-07-31T16:21:19Z

Ah this explains why I was only encountering this in the native debugger - on the web I commonly use the Disable Cache feature to test website page reloads, so that was already checked.. Thanks!

AndrewEastwood · 2020-08-10T14:44:46Z

The disabling cache feature does not work for me

renwenci · 2020-08-13T13:19:32Z

i met this problem after a git.lock generated, delete it, and every thing is ok

Roselai · 2020-09-03T15:37:05Z

Thank you! This worked for me.

rusakovic · 2020-09-23T12:51:06Z

Disable cache not solve this issue

gaberogan · 2021-11-02T19:44:47Z

@jhen0409 Why is this still closed? Do we need to open another issue?

daihieptn97 · 2022-02-23T04:27:55Z

Try deleting the

./android/.idea folders.
./android/.gradle folders.

It works for me

ajaymarathe · 2022-11-16T04:49:41Z

yeah, it's working now, thanks everybody 👍🏻 💯

bockc mentioned this issue Oct 28, 2019

Reloading App not updating for the latest modified code RN 0.61x facebook/react-native#27029

Closed

geraintwhite mentioned this issue Dec 4, 2019

Network inspect not working in v0.10.5 #440

Open

rikur closed this as completed Mar 22, 2020

rikur reopened this Mar 31, 2020

jhen0409 added a commit that referenced this issue Apr 8, 2020

Add --disable-http-cache, closes #423

324d1c4

jhen0409 closed this as completed in dabd2ae Apr 8, 2020

bclynch mentioned this issue Apr 13, 2020

No longer able to preview network response bodies after update to 0.6.0 #56

Closed

jhen0409 added a commit that referenced this issue May 4, 2020

Update docs/troubleshooting.md related to #423

1cec733

cryptodev523 pushed a commit to cryptodev523/react-native-debugger that referenced this issue Jan 27, 2022

Add --disable-http-cache, closes jhen0409#423

0584ca9

cryptodev523 pushed a commit to cryptodev523/react-native-debugger that referenced this issue Jan 27, 2022

Update docs/troubleshooting.md related to jhen0409#423

a4a8b5c

react-native-debugger causes app to load stale JS code #423

react-native-debugger causes app to load stale JS code #423

Comments

rikur commented Oct 25, 2019

bockc commented Oct 28, 2019

mtnt commented Oct 29, 2019 • edited Loading

bockc commented Oct 29, 2019

mtnt commented Oct 29, 2019

bockc commented Oct 30, 2019

martinezguillaume commented Oct 31, 2019 • edited Loading

rikur commented Nov 14, 2019

JacobJaffe commented Nov 14, 2019 • edited Loading

toby-pondr commented Nov 18, 2019

fendorio commented Nov 18, 2019

dquessenberry commented Nov 19, 2019

bockc commented Nov 19, 2019

dquessenberry commented Nov 19, 2019 • edited Loading

bockc commented Nov 20, 2019

dyancat commented Nov 25, 2019

martinezguillaume commented Nov 25, 2019

lafiosca commented Nov 25, 2019 • edited Loading

bockc commented Nov 25, 2019

irondsd commented Dec 11, 2019

KingAmo commented Dec 24, 2019

terence612 commented Dec 28, 2019

vinhdothe93 commented Feb 2, 2020

rikur commented Mar 22, 2020

infostreams commented Mar 30, 2020

infostreams commented Mar 31, 2020

mjgul commented Apr 8, 2020

cryptedx commented Apr 9, 2020

chudaotrucnhan commented Apr 22, 2020

eurobob commented Apr 25, 2020

kbrandwijk commented Apr 29, 2020 • edited Loading

mertuner commented May 3, 2020

Ben-Mark commented Jun 1, 2020

darkbasic commented Jun 1, 2020

Ben-Mark commented Jun 1, 2020

darkbasic commented Jun 1, 2020 • edited Loading

BrunoVillanova commented Jun 27, 2020

seanlangley commented Jul 5, 2020

FuzzyBuckBeak commented Jul 13, 2020

SethArchambault commented Jul 31, 2020

AndrewEastwood commented Aug 10, 2020

renwenci commented Aug 13, 2020

Roselai commented Sep 3, 2020

rusakovic commented Sep 23, 2020

gaberogan commented Nov 2, 2021

daihieptn97 commented Feb 23, 2022

Try deleting the

It works for me

ajaymarathe commented Nov 16, 2022

mtnt commented Oct 29, 2019 •

edited

Loading

martinezguillaume commented Oct 31, 2019 •

edited

Loading

JacobJaffe commented Nov 14, 2019 •

edited

Loading

dquessenberry commented Nov 19, 2019 •

edited

Loading

lafiosca commented Nov 25, 2019 •

edited

Loading

kbrandwijk commented Apr 29, 2020 •

edited

Loading

darkbasic commented Jun 1, 2020 •

edited

Loading