create-next-app项目运行npm run build报react-script未识别如何解决

问题根因 #

你使用create-next-app创建的是Next.js框架项目，react-scripts是Create React App（CRA）专属的构建工具，你的项目依赖中没有安装这个包，且Next.js本身自带构建能力不需要依赖react-scripts，配置了错误的build命令才会触发这个报错。

解决方法 #

• 打开你的package.json文件，找到scripts配置段，将build对应的命令从react-scripts build修改为next build，修改后的完整scripts配置如下：

"scripts": {
  "dev": "next dev",
  "build": "next build",
  "start": "next start"
}

• 保存修改后，重新执行npm run build命令即可正常完成项目构建。

额外说明 #

不要在Next.js项目中不需要额外安装react-scripts包，否则反而会和Next.js本身的构建逻辑产生冲突，框架自带的构建工具已经完全覆盖开发、打包、线上启动的全流程需求。

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