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

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


当前回答

很多答案都没有提到windows的一个关键部分。对我来说,在windows中的指定端口运行react应用程序的工作是使用以下命令。您可以从下面的示例更改端口号。别忘了用&&。

set PORT=4200 && react-scripts start

其他回答

编辑您的项目/包。json文件。

进入脚本部分。将开始键对应的值更新为以下内容。

"start": "export PORT=4000;react-scripts开始”

现在你的React应用程序将在http://localhost:4000/上运行

注意:您可以使用任何端口号,但最好避免众所周知的端口号,如22,21,80等。

在espackage旁边的主目录中创建一个名为.env的文件。将PORT变量设置为所需的端口号。

例如:

.env

PORT=4200

您可以在这里找到该操作的文档:https://create-react-app.dev/docs/advanced-configuration

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

这适用于Linux基本操作系统

"start": "PORT=3500 react-scripts start"

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

yarn add -D cross-env

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

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