在我的例子中，我的react项目有两个文件:.env和.env.development。

我把这个添加到.env.development中，让它与npm start命令一起工作，用于开发:

PORT=3001

在Windows中可以通过两种方式实现。

在“\node_modules\react-scripts\scripts\start.js”下搜索 “DEFAULT_PORT”并添加所需的端口号。 例如:const DEFAULT_PORT = parseInt(process.env. port = parseInt)端口，10)|| 9999; 在包中。Json，追加下面的行。 "start": "set PORT=9999 && response -scripts start" 然后使用NPM start启动应用程序。它将在9999启动应用程序 端口。

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

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

env:港= 3002元;npm起飞

您需要更新您的软件包。json来指定不同的PORT

在脚本部分，替换start命令如下:—

确保所提到的PORT可以自由监听

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

您的应用程序将从http://localhost:3001开始

谢谢

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

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

然后再次运行NPM start。

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

 node_modules/react-scripts/scripts/start.js

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

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

这样就可以开始了。