Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

React Native STUCK starting packager

For some reason when I want to start my React Native project, it's stucks at 'Starting Packager...' part. I tried to delete the node packages, and reinstall them, intall them via yarn, npm, but no luck. I got no idea how should I fix this :/ (so awkward)

like image 228
Istvan Orban Avatar asked Jun 06 '18 15:06

Istvan Orban


4 Answers

I had the same issue. I solved it by changing react-native-scripts version from "^1.14.1" to "1.14.0" and run npm install again.

like image 139
Simon Avatar answered Nov 17 '22 16:11

Simon


after a long search I found a solution for this problem:

this problem is caused by another watchman process, to solve it you have to turn off the watchman process

first,check react,react-native,and expo version are they compatible, goto here

Then you must install watchman, goto https://facebook.github.io/watchman/docs/install.html. Check watchman has installed by:

watchman -v

result:

4.9.4

After that, type in terminal or cmd:

watchman watch-del-all

result:

{
"version": "4.9.4",
"roots": [
    "C:/Users/***/Documents/Project/quickCountAndroidCrna"
]

}

look in the "roots" section:

"roots": [
    "C:/Users/***/Documents/Project/quickCountAndroidCrna"
]

if "roots" not empty, you must shutdown watchman process, typing this in terminal or cmd:

watchman shutdown-server

result:

{
"version": "4.9.4",
"shutdown-server": true

}

run again watchman watch-del-all you will get result with empty roots like this:

{
"version": "4.9.4",
"roots": []

}

after that you can run npm start or yarn start or other command to start your react-native project.

if the problem still occurs, repeat the above method several times, make sure the "roots" are empty! in my case, even I had to repeat it up to 3 times.

like image 24
Squidward Tentacles Avatar answered Nov 17 '22 17:11

Squidward Tentacles


There could be multiple reasons for the issue. For the most recent version of react-native (Aug 2018), what you might need to do is just press 'q', it will displays the QR code.

After that, you use the expo app scan the QR code, it should start to bundle the scripts and load it to your phone.

If not, you might have another issue which is caused by the incompatibility among React-Native, React and Expo. If you are using Expo 27, you should use reactive-native 0.55.

There is a complete matrix here, https://github.com/react-community/create-react-native-app/blob/master/VERSIONS.md

Anyone who face problem after running npm audit fix, that is because it will try to install react-native 0.56 which doesn't work with Expo 27 well. So don't run npm audit fix. Just run npm install [email protected]. (As time progress, the version might be different. Make sure you follow the link above to find out the compatible versions.)

like image 8
Tim Hong Avatar answered Nov 17 '22 16:11

Tim Hong


There's a fastest way that worked for me:

When it says "Starting packager..."
press the "q" key. To show QR code

like image 2
Mike Brian Olivera Avatar answered Nov 17 '22 17:11

Mike Brian Olivera