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

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

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

当前回答

在Windows上的Powershell中(以管理员身份运行):

(cd到你的CRA应用程序根文件夹)

env:港= 3002元;npm起飞

其他回答

总之，我们有三种方法来实现这一目标:

设置名为“PORT”的环境变量修改package.json中“scripts”部分的“start”键创建一个.env文件，并将PORT配置放在其中

最可移植的方法是最后一种方法。但正如其他帖子所提到的，将.env添加到.gitignore中，以避免将配置上传到公共源存储库。

更多细节:这篇文章

只需在webpack.config.js中更新一点:

devServer: {
    historyApiFallback: true,
    contentBase: './',
    port: 3000 // <--- Add this line and choose your own port number
}

然后再次运行NPM start。

方法1

在项目的根目录下创建.env文件

像这样设置

PORT=3005

方法2

在package.json

set PORT=3006 && react-scripts start

在我的包里换衣服。“export PORT=3001 && react-scripts start”也适用于我，我在macOS 10.13.4上

你可以使用cross-env来设置端口，它可以在Windows、Linux和Mac上工作。

yarn add -D cross-env

然后是包装。Json的开始链接可以是这样的:

"start": "cross-env PORT=3006 react-scripts start",

推荐文章