使用create-react-app创建项目后执行npm start报Missing scripts: start错误

先梳理下你的问题场景 #

你用create-react-app生成了名为react-app的React项目，进入项目目录执行npm start时直接踩坑，弹出了这个错误：

npm ERR! Missing scripts: start
错误日志路径：C:\Users\user\Appdata\Roaming\npm-cache\_logs\2020-11-09T07_00_18_996z-debug.log

看了你提供的package.json，一眼就能找到问题根源——文件里居然没有scripts字段！初始内容是这样的：

{ 
  "name": "react-app", 
  "version": "0.1.0", 
  "private": true, 
  "dependencies": { 
    "react": "^17.0.1", 
    "react-dom": "^17.0.1", 
    "react-scripts": "4.0.0" 
  } 
}

第一个错误的具体修复方法 #

npm start本质是去package.json的scripts字段里找对应的执行命令，正常用create-react-app生成的项目都会自动带上这个字段，大概率是你创建项目时出了点小异常导致它丢失了。

直接给package.json补上标准的scripts配置就行，把这段代码插入到private字段下方：

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

补完后的完整package.json应该是这样：

{ 
  "name": "react-app", 
  "version": "0.1.0", 
  "private": true, 
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "dependencies": { 
    "react": "^17.0.1", 
    "react-dom": "^17.0.1", 
    "react-scripts": "4.0.0" 
  } 
}

保存文件后重新执行npm start，应该就能正常启动开发服务器了。

关于你提到的后续新问题 #

你说补完scripts后又遇到了新问题，可惜没有给出具体的错误信息，我给你几个通用的排查方向：

• 先仔细查看终端输出的错误提示，比如是不是端口被占用、某个依赖未安装完全、或者Node.js版本和react-scripts@4.0.0不兼容（这个版本建议使用Node.js 12.x~14.x区间的版本，过高或过低都容易引发兼容问题）
• 可以尝试删除node_modules文件夹和package-lock.json文件，然后重新执行npm install，把依赖包重新安装一遍
• 如果是启动时报错，也检查一下项目里的public和src文件夹是否完整，有没有丢失index.html、index.js这类核心文件

内容的提问来源于stack exchange，提问作者Dominique