react-native: "Loading dependency graph, done." Stuck
I’ve been trying to run cli code where I do node node_modules/react-native/local-cli/cli.js start
and
it does everything right until
Metro Bundler ready.
Loading dependency graph, done.
then it’s just stuck there, nothing else.
Environment
OS: Windows 10 Node: 8.9.3 Yarn: 1.3.2 npm: 5.5.1 Watchman: Not Found Xcode: N/A Android Studio: Not Found
Packages: (wanted => installed) react: 15.4.2 => 16.3.1 react-native: 0.42.3 => 0.55.3
Steps to Reproduce
Download https://github.com/shoutem/school/tree/master/ChatApp
then run npm start
Expected Behavior
Run the code normally, show QR code and show the rest of the options
Actual Behavior
Stops doing anything after loading dependancy graph. https://i.imgur.com/3bs973E.png
About this issue
- Original URL
- State: closed
- Created 6 years ago
- Reactions: 7
- Comments: 36 (1 by maintainers)
i solved it by changing App.json and package.json as per when create first app App.json
{ “expo”: { “sdkVersion”: “27.0.0” } }
package.json - change jest and add expo dependencies
{ “name”: “canary”, “version”: “0.1.0”, “private”: true, “devDependencies”: { “react-native-scripts”: “1.14.0”, “jest-expo”: “~27.0.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”: { “expo”: “^27.0.1”, “react”: “16.3.1”, “react-native”: “~0.55.2” } }
Just reinstall Watchman
adb reverse tcp:8081 tcp:8081
worked for meI’m pretty sure the issue here is that people are having small local problems with their setup. I recommend restarting everything, upgrading to the latest version of RN, and then Metro and RN should work well together.
ended up changing package.json:
From - … “scripts”: { “android”: “react-native run-android”, “ios”: “react-native run-ios”, “web”: “expo start --web”, “start”: “react-native start”, “test”: “jest” } … To - … “scripts”: { “android”: “react-native run-android”, “ios”: “react-native run-ios”, “web”: “expo start --web”, “start”: “expo start”, “test”: “jest” } …
now i can call “npm start” which will start the server and launch a new browser page that shows everything as well. It will also display the QR code in VSCode terminal and Cmdline.
Worked for me,
Open Command prompt as Administrator
Go to app location and enterit goes till Loading dependency graph, done. Then keep it open
Open another command prompt window as Administrator
Goto app location and enterKeep running both tabs of command prompt simultaneously solved issue for me. For mac users, Open terminal instead of Command prompt.
Closing simulator and and running again worked for me.
Figured it out – turns out from another project I had ended up installing node 12.x
Looks like react native isn’t compatible with node 12.x (yet). I used nvm to switch over to 10.x and ran yarn install again and it’s all working now.
same problem
If you guys haven’t using the newly merged react & expo, try
react-native run-android
orreact-native run-ios
instead of usingnpm start
oryarn start
. From here, I got the error to pop up.Try
chmod 755 android/gradlew
if running on Android, then runreact-native run-android
again. If say … it fails on opening the zip file, that means the file is corrupted and not downloaded properly. Try to download the gradle manually here http://services.gradle.org/distributions/gradle-4.4-all.zip and put it to where the builder tries to unzip the files into (e.x:C:\Android\wrapper\dists\gradle-4.4-all
)also try
adb reverse tcp:8081 tcp:8081
Or try use the
simulator
option if running on iOS, like this:react-native run-ios --simulator="iPhone 6s"
Otherwise try Expo SDK, have no errors ever since.
Reload my device and running it again worked for me.
Facing the same issue 😦
Metro Bundler ready. Loading dependency graph, done. than stuck nothing happens.
Environment: OS: macOS 10.14 Node: 8.12.0 Yarn: Not Found npm: 6.4.1 Watchman: 4.9.0 Xcode: Xcode 10.0 Build version 10A255 Android Studio: Not Found
Packages: (wanted => installed) react: ^16.6.0-alpha.8af6728 => 16.3.1 react-native: ^0.57.3 => 0.55.4
Any solution, please.
Same problem here with iOS. Reinstalled Watchman, but still facing the same issue.