Vue项目运行npm run dev提示Missing script: "dev"问题求助

针对你遇到的问题——明明package.json中已配置dev脚本，却提示找不到的情况，可按以下步骤排查解决：

1. 确认终端工作目录 #

• 必须在项目根目录（包含package.json的文件夹）下执行命令。新手常犯的错误是在父目录或子目录运行命令，导致npm无法定位到正确的配置文件。
• 验证方式：执行dir（Windows）或ls（Mac/Linux），查看输出是否包含package.json。若没有，用cd 项目路径切换到正确目录。

2. 检查npm读取的脚本列表 #

• 执行npm run命令，查看输出的可用脚本清单。如果清单里没有dev，说明npm未读取到正确的package.json：
  • 要么是目录错误（同上）；
  • 要么是package.json文件损坏，可重新复制你提供的JSON内容，确保语法正确（无多余逗号、引号配对）。

3. 清除缓存并重装依赖 #

缓存异常可能导致依赖或脚本读取错误，执行以下命令：

# 清除npm缓存
npm cache clean --force

# 删除现有依赖和锁文件（Windows）
rmdir /s /q node_modules
del package-lock.json

# 或Mac/Linux命令
rm -rf node_modules package-lock.json

# 重新安装依赖
npm install

完成后再次尝试npm run dev。

4. 检查npm版本兼容性 #

你的项目使用Vite 4.x，要求npm版本≥6.14.0。执行npm -v查看版本，若版本过低，升级npm：

npm install -g npm@latest

5. 直接测试Vite命令 #

跳过npm脚本，直接在项目根目录执行：

npx vite

• 若能正常启动项目，说明是npm脚本读取的问题，可回到步骤2排查package.json；
• 若仍报错，重新安装Vite依赖：

  npm install --save-dev vite
  

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