一个应用程序在端口 3000 上运行，我想在默认端口的不同端口上运行另一个应用程序。我如何在 React Next.js 中改变它。我的package.js脚本是
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "next",
"build": "next build",
"start": "next start"
},
和启动脚本命令是
npm run dev
这对我有用
"scripts": {
"dev": "next -p 8080"
},
"scripts": {
"dev": "next dev -p 8080", // for dev
"start": "next start -p 8080" // for prod
},
只需要做：
yarn dev -p PORT_YOU_LIKE
有两种方法可以做到这一点：
在您的package.json文件中，添加-p 8080到 dev/start 脚本以在端口 8080 上启动服务器：
"scripts": {
"dev": "next -p 8080",
"build": "next build",
"profile-build": "next build --profile",
"start": "next start -p 8080"
}
或者，如果您不想在package.json文件中对此进行硬编码，您可以使用 ENV 变量 PORT 启动脚本。
PORT=8080 npm run dev
有关更多信息，请访问vercel 文档。
默认情况下，应用程序将从 http://localhost:3000 开始。可以使用 -p 更改默认端口，如下所示：
npx next dev -p 4000
或者使用 PORT 环境变量：
PORT=4000 npx next dev
#注意我使用的是 npx 而不是 npm
您还可以将主机名设置为不同于默认值 0.0.0.0，这对于使应用程序可用于网络上的其他设备非常有用。可以使用 -H 更改默认主机名，如下所示：
npx next dev -H 192.168.1.2
如果您收到端口已被使用的错误，您可以在 Windows 上解决此问题的方法是
Go to the Task Manager.
Scroll and find a task process named. Node.js: Server-side
End this particular task.