因react-scripts错误无法启动React项目求助

错误信息 #

$ npm start

> client@0.1.0 start
> react-scripts

Unknown script "undefined".
Perhaps you need to update react-scripts?
See: https://facebook.github.io/create-react-app/docs/updating-to-new-releases

问题根源 #

你的package.json中scripts字段的start命令写法错误：

"scripts": {
  "start": "react-scripts", // 此处缺少必要的"start"参数
  "build": "react-scripts build",
  "test": "react-scripts test",
  "eject": "react-scripts eject"
}

react-scripts是命令行工具，必须指定具体执行的子命令（如start/build/test），直接调用react-scripts会导致工具无法识别要执行的指令，进而抛出"Unknown script 'undefined'"错误。

修复步骤 #

1. 修改package.json中的start命令：

   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   }
   

2. 保存文件后重新执行启动命令：

   npm start
   

3. 若修改后仍有异常，执行以下环境清理步骤重试：
   • 删除项目根目录下的node_modules文件夹
   • 删除package-lock.json文件（使用yarn则删除yarn.lock）
   • 重新安装依赖：npm install
   • 再次启动项目：npm start

内容的提问来源于stack exchange，提问作者Luis Daniel Arciniegas Barco