You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

npm run dev仅启动后端,前端无法运行问题求助

问题分析与修复方案

核心问题

从执行日志能看到,concurrently的命令格式错误,导致npm run frontend被当成了后端nodemon命令的额外参数,根本没单独启动前端进程。另外前端的启动命令本身也存在错误。

具体修复步骤

1. 修正concurrently的命令格式

原来的dev脚本引号转义混乱,两个命令未被正确分隔。改成以下任意一种写法均可:

写法一(单引号包裹内部命令,适配Linux/macOS)

"dev": "concurrently 'npm run backend' 'npm run frontend'"

写法二(正确转义双引号,跨平台兼容)

"dev": "concurrently \"npm run backend\" \"npm run frontend\""

2. 修正前端启动命令

原来的"npm start -p frontend"完全错误,-p参数需要跟端口号而非目录名。如果前端项目在frontend子目录下,正确命令如下:

  • 常规启动(用默认端口):
"frontend": "cd frontend && npm start"
  • 指定端口启动(以3000为例,跨平台需先安装cross-env:npm i cross-env --save-dev):
"frontend": "cd frontend && cross-env PORT=3000 npm start"

最终完整的scripts配置

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "backend": "nodemon backend/server.js",
  "frontend": "cd frontend && npm start",
  "dev": "concurrently \"npm run backend\" \"npm run frontend\""
}

验证执行

重新运行npm run dev,会看到两个进程分别启动:

  • [0] 后端nodemon的运行日志
  • [1] 前端npm start的运行日志

内容的提问来源于stack exchange,提问作者Shuvo Roy

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.31 01:42:22