当我在react项目上运行“ npm start”时，网络地址在我的手机上不起作用

Question

I started using React and encountered a little problem. I ran "npx create-react-app first-react" then "cd first-react" and finally "npm start" which started the server.

I am able to use the localhost in my desktop browser and everything works fine. But whenever I try to access the network address on my phone or my other laptop, I get the error:

This site can't be reached

I am able to view application running in the desktop browser.

I am using the following URL to access the app:

Local: http://localhost:3000/

On Network: http://192.168.x.xx:3000/ (this doesn't work on my phone.)

I tried running:

HOST=0.0.0.0 npm run start

...but to no avail.

I also tried creating the .env file and adding PORT = 4000 but it does not fix the problem.

Not sure what the problem is, but I am still learning so maybe the answer is simple.

Answer 1

If you're working on a Windows PC you might need to check your firewall settings. Your firewall might be blocking the connection even on the same network.

Have a look at: How to open a port on windows firewall for instructions on how to open a port.

Good luck with your project