React Native stuck at Starting Packager - node.js

i'm new to react native and i was trying to build an app to see how it works,i followed the steps given here
Getting Started with React Native
till npm start,everything seems to be fine,after i type npm start,it says
12:08:53 PM: Starting packager...
and gets stuck at that,am i doing something wrong,I'm on Ubuntu 16.04
any inputs would be helpful

It was fixed by runnig
sudo sysctl -w fs.inotify.max_user_watches=10000
See this site:
https://forums.expo.io/t/packager-not-loading-on-linux/2034/3

everyone has a different solution, depending on the problem.I have a few step that work for me.I just run this command on console:
react-native start --reset-cache
wait until console display like image below:
after that press Ctrl + C and run npm start or yarn start or other command to run your react-native project.

Related

Electron: Unable to open X display - ERROR:browser_main_loop.cc(1400) - The futex facility returned an unexpected error code

I've been trying to run this code that brings up an electron GUI and takes input from the user. I I've used the following commands to run this project in VSCode powershell terminal:
npm install
npm start
I get the following error messages in the terminal afterwards:
Error Message 1
Error Message 2
Error Message 3
I've already checked that I have the most updated packages for nodejs, npm, electron, electron-packager and electron-builder. You can see the last three in my package.json file under the devDependencies.
Package.json dev dependencies and scripts
I don't really understand what the error is saying here. From the googling I've done, it seems like this happens on WSL when you're trying to launch an electron application but I'm working off of my local machine on Windows, so I wouldn't think that a GUI should throw an error.
I can run main.js by using electron.cmd main.js but this just brings up the GUI splash from electron but the code itself doesn't seem to be executing.
The answer in my case was switching to use Yarn instead of npm. Clearing the node modules folder and running yarn install and running election ./app from the main project folder.

Something's wrong when i create a new project vue

I am starting to learn vuejs and I have a problem while creating a vue project with terminal. As you can see in the picture, the loadDep status line keeps spinning without moving. Can someone help me solve this problem T.T
enter image description here
As I can not see which command you have fired for installation in your image.
Please checkout the official Document's Installation Page for more In Depth Installation Information.
https://v2.vuejs.org/v2/guide/installation.html
Use VueCLI for Command Line Installation.
If you are installing Vuejs using the terminal you need to:
Firstly install NPM package manager.
Then run the command below to install VueCLI:
npm install -g #vue/cli #vue/cli-service-global
After executing this command simply check if it works successfully by typing:
vue -v
It should print the vue version if it was successful.
Then you can create a Vue project by using following command:
vue create [Your Project Name]
It is all provided on VueCLI Site.

reactjs app not run after serve and start

I just installed node.js on my centos 7 server, then install react
it successfully created my new react app, after that, I run:
npm start
and or serve -s build
but none of these run in my browser.
This site can’t be reached
how can I solve this?
If you have sever inside can you try with start debugging of your application
Stop npm, if you're using yarn
Start the project with command above, inside your project home folder
yarn start
Take some time to learn commands below:

React: npm start - windows cannot find localhost

I am trying to follow tutorials for basic react-build-app.
ENVIRONMENT
I am using Ubuntu on Windows 10.
Node version: v13.3.0
NPM version: 6.13.1
So far I did,
npm install -g create-react-app
create-react-app calculator
cd calculator
npm start
PROBLEM
When I run npm start, I get pop up dialog from windows saying, Windows cannot find '\https://localhost:3000/\'. Make sure you typed the name correctly, and then try again.
Here is a screenshot of the error
However, in the cli, I see
Local: http://localhost:3000/
On Your Network: http://192.168.56.1:3000/
Note that the development build is not optimized.
To create a production build, use npm run build.```
But when I open my browser and go to http://localhost:3000/, I only see a blank page, and not the normal React logo.
EXPECTED OUTPUT
I should see the react logo when going to http://localhost:3000/, and not receive and error.
ATTEMPTS
Updated nodejs and npm.
Changed ports using package.json. Also tried
using .env file to change port. Same error.
Uninstalled and re-installed ubuntu 18.04 LTS and used NVM to install nodejs and npm.
WORKAROUND
I got tired of fixing error after error with linux, so I just set up npm and nodejs on windows instead. ran create-react-app on windows cli and it worked the first time. Told me something else was listening on the port i was trying to open, so prompted me to change port. I said yes. Now I get the landing page I was looking for.
I am very new at this and have been trying to figure this out for a couple days now, I would appreciate any advice. Thank you.
This is a WSL specific issue with one of the dependencies of react-scripts, more specifically open version 7.0.0.
To resolve, you can:
switch to react-scripts 3.2.0 in your package.json, or
run npm start from something else than WSL (e.g. Powershell), or
wait for open and react to fix the issue
Bug report in React Scripts:
https://github.com/facebook/create-react-app/issues/8081
And the corresponding bug report in open:
https://github.com/sindresorhus/open/issues/154
According to this post in the bug report in open the culprit is lines 76 & 77 of index.js in node_modules/open. If you comment them out then it works fine.
Link to comment:
https://github.com/sindresorhus/open/issues/154#issuecomment-562509596

Output of React Native packager on Linux

I see no output of React Native packager on Linux (Ubuntu 17.04) and react-native 0.51.0 even though it is running.
A teammate uses Windows 10 and after react-native run-android he gets a new window with output from the packager.
Is there a way to see the packager's output ?
Before running react-native run-android try running react-native start in a different terminal, this command will start the packager manually.
PS: react-native run-android is optional if you didn't change one of native android files, you can just start the packager and then reload the already installed app.

Resources