如何指定一个端口运行一个创建-反应-基于应用程序的项目?

我的项目是基于创建-反应-应用程序。NPM启动或yarn启动默认将在端口3000上运行应用程序，在package.json中没有指定端口的选项。

在这种情况下，如何指定自己选择的端口?我想同时运行这个项目的两个(用于测试)，一个在端口3005，另一个是3006

当前回答

在你的包裹里。在脚本中使用——port 4000或set port =4000，如下例所示:

包中。json (Windows):

"scripts": {
    "start": "set PORT=4000 && react-scripts start"
}

包中。json (Ubuntu):

"scripts": {
    "start": "export PORT=4000 && react-scripts start"
}

其他回答

对于我的windows朋友们，我发现了一种改变ReactJS端口的方法，可以在任何你想要的端口上运行。在运行服务器之前，请转到

 node_modules/react-scripts/scripts/start.js

在其中，搜索下面的行并将端口号更改为所需的端口

 var DEFAULT_PORT = process.env.PORT || *4000*;

这样就可以开始了。

如果能够指定不是3000的端口(作为命令行参数或环境变量)，那就太好了。

现在，这个过程相当复杂:

运行npm Run eject 等待它完成编辑scripts/start.js，用你想使用的任何端口找到/替换3000 编辑config/webpack.config.dev.js并执行同样的操作 npm开始

我只是在项目的根目录中创建了.env，并更改PORT=3001

为什么不干脆

PORT=3030 npm run start

您可以指定一个名为PORT的环境变量来指定服务器将在其上运行的端口。

$ export PORT=3005 #Linux
$ $env:PORT=3005 # Windows - Powershell

推荐文章