Remote JS Debug Enabled - cached bundle - react-native

This is really weird I can't explain it.
On Android, I have my device. I connected it via USB debugging. Things were working fine last night. Now, when i have remote debugging enabled, its using a cached version of the bundle or something, because my changes are not coming through.
I did a cd android and ./gradlew clean and then restarted metro bundler, run-android, and even restarted device. However no matter what, if remote debugging is enabled, its using an old bundle and not reflecting my newest changes.
Its even more weird because I have "live reload" enabled and whenever I save it does trigger a reload of the app, but its not with my newest changes!
Does anyone know whats going on and how to fix?

Try to delete folder android/build, it helped for me

I had it too - cleaning my Chrome’s cache solved the problem for me!

Related

Unable to load script. Make sure you're either running a Metro server (run 'react-native start') or that your bundle index.android.bundle is packaged

So this has been asked before but I'm asking it again because nothing has worked, I've read through all of the similar posts I could find and all but one has semi fixed the problem.
https://medium.com/#adityasingh_32512/solved-unable-to-load-script-from-assets-index-android-bundle-bdc5e3a3d5ff
This medium article is the only solution that i can find that will get debug builds running again but that is only because it is pre packaging the javascript bundle and not really fixing the problem of the app not connecting to the metro server, once the debug build is running via this method I'm unable to shake the device and get the debug menu to show up.
I've been developing this app for probably 10 months, live for 3-4 months, and can usually trudge through these errors that pop up but this one is tricky.
I've been using cleartextTrafficPermitted="true", tried implementing a custom network security config android:networkSecurityConfig="#xml/network_security_config", tried a different physical device, cleared the metro cache, deleted .gradle/ build folders, cleaned, rebuilt.. All with the same end result of the app crashing on boot and the same error in logcat Unable to load script. Make sure you're either running a Metro server (run 'react-native start') or that your bundle 'index.android.bundle' is packaged correctly for release.
Release builds work but that's because its not trying to connect to the metro server, pretty stumped on this one.
Answering this for others that might find it useful. Still not sure what I did wrong but in the process of setting up a CI/CD pipeline for the app I re cloned the project and magically android debug builds started working again. No changes to the code, the android project must have gotten corrupted somehow so recloning allowed android studio to start from square one. Weird one.

Why expo hot reload sometimes happend with no aparent reason?

Sometimes with no aparent reason the app gets refreshed, sometimes when i open a file. And when i add a library the expo development server crash, i think that maybe is something with watchman configuration that i don't know how to change. This is enoying.Any help?
PD: I'm using vscode
fast refresh will happen any time a file is changed in your project directory. if you have some other tools that run in that same directory and cause files to be changed then it could be happening seemingly randomly

Stuck on Downloading Javascript Bundle 100% - Expo

I guess that I've tried every solution that exists on the internet about this issue, and nothing works, and I don't even know where to look anymore. It started to happen from nowhere and I can't even open the app settings shaking the phone, it's completely stuck on this screen.
I cleaned up NPM, Yarn, Expo's caches and disabled the Remote Dev Tools.
I would be so much thankful for any help.
In my case it was due to the a remote debugger.
I left the remote debugging on, put the mac in sleep and when I turned it on again the iOS Simulator remained stuck at bundling 100%, irrespective of what I've tried (kill simulator, expo r -c, Reload app, etc.)
However, I could have realized the root cause earlier because on the physical device it was working the entire time.
Hope this saves someone some time.
You could try reverting to your last known working commit, then incrementally adding back the changes until this happens again. This often is a result of delaying hiding the splash screen (perhaps via AppLoading or SplashScreen) and then not hiding it because of some error in the app code preventing the code to hide it from being called.
Try Disable Debug Remote JS in the IOS Simulator
by clicking ctrl + cmd +Z on Mac
It works for me.
Seems like something is wrong with the dependencies, just close down the react-native environment ( android studio) and your IDE, just closing and restarting may work if not, check for updates or delete and reinstall your dependencies ( expo i )

React native chrome debugger not showing that console.log and default logs

i recently upgraded from RN 0.61.5 to 0.62.2.
However, chrome debugger won't work from some point on. This means that the debugger and simulator are well connected, but I don't see any of the basic logs that I use console.log, or that first pops up logs.
So, i try some solutions.
first, I reset the project. and run react-native init <my-project>. and copy & paste past source code(Except for system files or node_modules) that src, .gitignore etc
but, this situations keep goes on now.
second, git revert when it worked well before upgrade.
but this is same bad result like above. everything is good. project's Run or Build ···.
ONLY NOT WORKING debugger..
what should i do ?
Thank you in advance for your help.
Please look this picture
SELF ANSWER
One of the Babel packages I'm using, the Babel-plugin-transform-remove-console, had eliminated all the logs even in development mode.
If you remove this from the project, it works normally.

Flutter Hot Reload not working in IntelliJ

new to flutter. created a new project using Intellij flutter plugin. Ran the app on an ios simulator using the play icon on the intellij, which runs the app in an IphoneX simulator. Made some cosmetic changes to the main.dart file but i) the hot reload, lightning, button is disabled ii) also code gets auto saved in intellij, so not sure what i need to do to test hot reload.
as a matter of fact, i have to delete the app from my iPhoneX simulator and rerun from IntelliJ to pick up the changes.
In case someone is facing the same problem, I solved it using the answer of XQDD in: https://github.com/flutter/flutter/issues/19151
which consists in updating adb version:
https://developer.android.com/studio/releases/platform-tools
Try to invalidate cache and restart Android Studio, as well as run the command to clean the flutter build.
Concrete instructions
In Android Studio, go to File --> Invalidate Caches/Restart --> Invalidate and Restart
After restart, run the command in the terminal: flutter clean
After that, your reload should be working again.
I tried all the usual workarounds. Clear cache, flutter clean, ect, however, none worked for me.
The only thing worked for me was to close the IntelliJ and delete .idea and build directories.
After opening the project it was working as expected.
Also make sure that hot reloading is enabled in the flutter settings: