nx serve does not bind to ip address

Hey guys,

I am developing a React webapp using Nx. I require this app to test on phone. But I cannot access it over wi-fi using the ip address. Is there a way to ensure nx binds to 0.0.0.0 instead of localhost so that I can access it using http://192.168.0.102:4200 ?

This is how netstat looks like

tcp4       0      0  192.168.0.102.63776    104.21.212.16.https    ESTABLISHED
tcp4       0      0  localhost.4200         localhost.63645        ESTABLISHED
tcp4       0      0  localhost.63645        localhost.4200         ESTABLISHED

[Cammisuli]

Can you try running this command, and let me know how it goes?

yarn nx serve --host=0.0.0.0

[achantz]

None of the suggestions are working anymore (at least with nx v13 and next v12), you need to specify the hostname attribute either via a command line:

yarn start app --hostname 0.0.0.0

or via a serve target options:

"serve": {
  "executor": "@nrwl/next:server",
  "options": {
    "buildTarget": "app:build",
    "port": 3000,
    "hostname": "0.0.0.0",
    "dev": true
  },
  "configurations": {
    ...
  }
}

Small correction: “hostname”: “0.0.0.0” should be “host”: “0.0.0.0” to be picked up by the npm start command. See Below:

"serve": {
  "executor": "@nrwl/next:server",
  "options": {
    "buildTarget": "app:build",
    "port": 3000,
    "host": "0.0.0.0",
    "dev": true
  },
  "configurations": {
    ...
  }
}

Hope this helps.