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

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

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

当前回答

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

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

PORT=3001

其他回答

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

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

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

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

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

谢谢

您可以在启动应用程序时找到默认端口配置

yourapp/scripts/start.js

向下滚动并将端口更改为您想要的任何端口

const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 4000;

希望这对你有所帮助;)

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

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

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

然后再次运行NPM start。

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

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

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

推荐文章