Issue with Reloading React Native Application after Disconnecting from Metro

[vishaldybot]

Environment:

• React Native Version
• Operating System
• Device Used for Testing

Description:
I am encountering an issue with my React Native project during the development process. After successfully building the application using npx react-native run-android and starting the Metro bundler with npx react-native start, the application runs as expected. However, the problem arises when I disconnect the application from the Metro bundler and attempt to reload it.

Steps to Reproduce:

npx react-native run-android
npx react-native start

Disconnect the application from the Metro bundler.
Attempt to reload the application by removing it from recent apps and reopening it.

Expected Result:
The application should reload and function normally after being disconnected from the Metro bundler.

Actual Result:
Upon trying to reload the application, I receive the following error message:

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

This error prevents the application from reloading properly.

Additional Information:

No significant changes were made to the project configuration that might lead to this issue. The issue persists even after attempting standard troubleshooting steps such as cleaning the build and restarting the bundler.

Impact:

This issue significantly hampers the development workflow, as it requires a complete rebuild of the application for every change when disconnected from the Metro bundler.

[szymonrybczak]

Hm, @vishaldybot can you record a demo of this behaviour?

[umer-nazir02]

Facing same issue.

[vishaldybot]

@umer-nazir02 Is the issue resolved??

[szymonrybczak]

To fix this problem we need a demo or a reproducible demo of this behavior.

[vishaldybot]

@szymonrybczak

Okay I will share

but as of now I have resolved the issue by using this command but not a permanent solution I would say

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

[umer-nazir02]

@vishaldybot nope. Every time this happen, I rebuild the app and then metro automatically connects.

@szymonrybczak I face this when I run the app on physical device and then disconnect the cable and reattach it.
running yarn start --reset-cache do not connect with app and I need to rebuild the app every single time if cable disconnects or I restart emulator or I restart my device.