reactjs - 同时运行两个 npm 命令

Question

我已经设置json-server并成功运行，port-3000然后运行npm start它在其他端口上运行3001。

但我想同时运行两者。我试过并发但没有用。

当我执行此命令时：

$ concurrently "npm start" "json-server --watch ./topPanelData.json"

错误信息：

Answer 1

通过这些步骤解决的问题：

1. 使用以下密钥创建json-server.json以在不同端口上运行服务器。

   { "port": 4000 }

2. 更新启动脚本package.json

   "start": "concurrently \"react-scripts start\" \"json-server ./topPanelData.json\""

3. 只需运行$ npm start它会同时在不同的端口上执行

   json 服务器： http://localhost:4000/topPanelData

   反应应用程序： http://localhost:3000/

Answer 2

您可以使用以下命令终止在端口中运行的3000进程

kill $(lsof -t -i:3000)

在哪里

lsof -t -i:3000

找到在端口 3000 上运行的进程并 kill 杀死该进程

如果您仅在 using 时收到此错误concurrently，则表示它正在尝试在端口中运行两个进程3000

尝试更改您的启动脚本package.json

"start": "export PORT=3006 react-scripts start"

通过一些实验，您将能够弄清楚。

Answer 3

只需在您的 porject 目录中创建一个 .env文件，与 .json 文件平行并添加以下行。

PORT=3001

这个解决方案对我有用。