Next.js 13执行npm run dev报错：Missing script: "dev"求助

问题描述 #

我刚开始学习React和Next.js 13，通过npx create-next-app@latest --experimental-app创建了全新的Next.js应用，执行npm run dev时出现错误提示：

npm ERR! Missing script: "dev"
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR! npm run

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\ekric\AppData\Local\npm-cache_logs\2023-03-03T00_27_56_303Z-debug-0.log

但我的package.json文件中已正确配置dev脚本，完整文件内容如下：

{
  "name": "additictive-social",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@types/node": "18.14.4",
    "@types/react": "18.0.28",
    "@types/react-dom": "18.0.11",
    "next": "13.2.3",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "typescript": "4.9.5"
  }
}

使用环境：Next 13 + TypeScript + React，请问问题出在哪里？

排查解决方案 #

• 确认终端当前目录：这是最常见的原因——你可能没进入项目根目录（additictive-social文件夹，也就是存放package.json的目录）就执行了命令。切换到正确目录后再重新运行npm run dev。
• 检查package.json语法：虽然你提供的内容没有问题，但实际文件可能存在JSON语法错误（比如遗漏逗号、引号不匹配），导致npm无法解析脚本。可以用在线JSON校验工具检查，或者直接重新创建一个测试项目对比文件内容。
• 清理缓存并重装依赖：npm缓存异常可能引发脚本识别问题，执行以下步骤：

  # 清除npm缓存
  npm cache clean --force
  # 删除node_modules和锁文件
  rm -rf node_modules package-lock.json
  # 重新安装依赖
  npm install
  

  Windows系统替换删除命令：

  rmdir /s /q node_modules
  del package-lock.json
  

• 升级npm版本：Next.js 13.2.3要求npm版本在8.x及以上，执行npm -v查看当前版本，若版本过低，运行npm install -g npm@latest升级。

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