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

运行npm run dev时客户端提示Cannot find module react-scripts问题求助

问题:启动React客户端时提示找不到react-scripts模块

项目scripts配置

根目录package.json中的scripts配置如下:

"scripts": {
    "server": "json-server --watch db.json --port 5000",
    "client": "npm start --prefix client",
    "client-build": "npm run-script build --prefix client",
    "chat": "nodemon index.js",
    "dev": "concurrently \"npm run server\" \"npm run client\"",
    "build": "concurrently \"npm run server\" \"npm run client-build\" \"npm run client\""
  },

错误信息

执行npm run dev时服务端正常启动,但客户端抛出以下错误:

react-scripts start
[1]
[1] node:internal/modules/cjs/loader:1051
[1]   throw err;
[1]   ^
[1]
[1] Error: Cannot find module 'C:\Users\ehsan\Desktop\PDEI\Taghvim\sogo_react_20231127\client\node_modules\react-scripts\bin\react-scripts.js'
[1]     at Module._resolveFilename (node:internal/modules/cjs/loader:1048:15)
[1]     at Module._load (node:internal/modules/cjs/loader:901:27)
[1]     at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:83:12)
[1]     at node:internal/main/run_main_module:23:47 {
[1]   code: 'MODULE_NOT_FOUND',
[1]   requireStack: []
[1] }
[1]
[1] Node.js v20.9.0

已尝试的无效操作

  • 清理npm缓存
  • 删除并重装client目录下的node_modules文件夹
  • 单独安装react-scripts包

解决方案

  1. 检查react-scripts版本兼容性
    你的Node.js版本是v20.9.0,旧版react-scripts不支持该版本。进入client目录执行以下命令升级到最新稳定版:

    npm install react-scripts@latest
    
  2. 重新安装client依赖
    进入client目录,删除锁文件后重新安装依赖:

    cd client
    del package-lock.json  # macOS/Linux用 rm package-lock.json
    npm install
    
  3. 单独测试client启动
    在client目录直接执行npm start,确认客户端能单独正常启动后,再回到根目录执行npm run dev。

  4. 修正concurrently命令的引号问题(Windows环境)
    若Windows下引号转义导致异常,可修改根目录scripts中的dev命令为:

    "dev": "concurrently 'npm run server' 'npm run client'"
    

内容的提问来源于stack exchange,提问作者Ehsan Aryan

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.05 01:18:12