React Native JavaScript Bundle Downloading Process Hangs at 100%

Other Questions JavaScript
1

I encounter an issue where running npm start works without problems, but when I attempt to launch my app through Expo, the process reaches 100% and then halts indefinitely. I’m unable to pinpoint the exact cause of this problem. Below is the relevant content from my package.json file:

{
  "name": "ProMeeting",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "jest-expo": "~29.0.0",
    "react-native-scripts": "^1.14.0",
    "react-test-renderer": "16.3.1"
  },
  "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
  "scripts": {
    "start": "react-native-scripts start",
    "eject": "react-native-scripts eject",
    "android": "react-native-scripts android",
    "ios": "react-native-scripts ios",
    "test": "jest"
  },
  "jest": {
    "preset": "jest-expo"
  },
  "dependencies": {
    "@babel/preset-react": "^7.0.0-beta.56",
    "expo": "^29.0.0",
    "firebase": "^5.3.1",
    "native-base": "^2.7.2",
    "react": "16.3.1",
    "react-native": "^0.55.4",
    "react-native-firebase": "^4.3.8",
    "react-native-vector-icons": "^5.0.0",
    "react-navigation": "^2.11.2"
  }
}

I’ve also included a screenshot for better understanding.

2

From my experience, this kind of issue is sometimes related to problems with the Metro Bundler. It can help to check if there are any stalled node processes that need to be terminated. You can do this by killing all node processes and restarting your bundler with npm start. Another thing to try is clearing the cache with expo start -c. Network issues, such as firewall or VPN connections, can sometimes affect the completion of the bundle download, so ensure that these are not interfering. Updating both Node.js and Expo CLI might also fix any compatibility issues. Lastly, ensure your device or simulator is recognized correctly, as improper links can hang the build process at 100%.