我是JavaScript开发和ReactJS的新手。我无法找到适合我的答案，直到通过查看react-scripts代码才找到答案。使用ReactJS 15.4.1+使用react-scripts，您可以通过使用环境变量从自定义主机和/或端口开始:

HOST='0.0.0.0' PORT=8080 npm start

希望这能帮助到像我这样的新人。

配置webpack(在webpack.config.js中):

devServer: {
  // ...
  host: '0.0.0.0',
  port: 80,
  // ...
}

如果你在用“create-react-app”创建的React应用程序中，请转到你的包中。Json和更改

“start”:“react-scripts start”，

……(unix)

"start": "PORT=80 response -scripts start"，

或者…(赢)

"start": "set PORT=3005 && response -scripts start"

我尝试了上面的解决方案，但没有运气。我注意到这一行在我的项目的package.json:

 "bin": {
"webpack-dev-server": "bin/webpack-dev-server.js"

},

我查看了bin/webpack-dev-server.js，发现了这一行:

.describe("port", "The port").default("port", 8080)

我把端口改成了3000。有点蛮力的方法，但对我很有效。

我就是这么做的，而且看起来效果不错。

在webpack.config.js文件中添加以下内容:

devServer: {
    inline:true,
    port: 8008
  },

显然，您可以使用与其他端口不冲突的任何端口。我提到冲突问题只是因为我花了大约4个小时。与问题作斗争，却发现我的服务运行在同一个端口上。

我是JavaScript开发和ReactJS的新手。我无法找到适合我的答案，直到通过查看react-scripts代码才找到答案。使用ReactJS 15.4.1+使用react-scripts，您可以通过使用环境变量从自定义主机和/或端口开始:

HOST='0.0.0.0' PORT=8080 npm start

希望这能帮助到像我这样的新人。