我的项目是基于创建-反应-应用程序。NPM启动或yarn启动默认将在端口3000上运行应用程序,在package.json中没有指定端口的选项。
在这种情况下,如何指定自己选择的端口?我想同时运行这个项目的两个(用于测试),一个在端口3005,另一个是3006
我的项目是基于创建-反应-应用程序。NPM启动或yarn启动默认将在端口3000上运行应用程序,在package.json中没有指定端口的选项。
在这种情况下,如何指定自己选择的端口?我想同时运行这个项目的两个(用于测试),一个在端口3005,另一个是3006
当前回答
在我的例子中,我的react项目有两个文件:.env和.env.development。
我把这个添加到.env.development中,让它与npm start命令一起工作,用于开发:
PORT=3001
其他回答
编辑webpack.config.js并添加你想要在其上运行的端口。这就是你要找的东西:
’devServer: 港口:3005。 historyApiFallback: true, ),
and
输出:{ publicPath:“http://localhost: 3005 /”, },
为什么不干脆
PORT=3030 npm run start
在你的包裹里。在脚本中使用——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的一个关键部分。对我来说,在windows中的指定端口运行react应用程序的工作是使用以下命令。您可以从下面的示例更改端口号。别忘了用&&。
set PORT=4200 && react-scripts start
只需运行下面的命令
PORT=3001 npm start