在Vercel部署Vite+React项目时遇“vite: command not found”错误求助

针对你遇到的构建错误，试试下面这些解决方案：

• 修改package.json的build命令
  Vercel构建环境中，本地node_modules的命令可能不在系统PATH里，直接用vite build会找不到命令。把scripts里的build命令改成npx vite build，让npx直接调用项目依赖里的vite：

  "scripts": {
    "dev": "vite",
    "build": "npx vite build",
    "preview": "vite preview"
  }
  

• 检查Vercel项目的构建配置
  登录Vercel后台，进入你的项目设置，找到Build & Development Settings：

  • 确认Build Command设置为npm run build（不要直接填vite build）
  • 确认Output Directory设置为dist（Vite默认的构建输出目录，如果你改了vite.config.js里的outDir，要对应修改）

• 清理Vercel构建缓存
  缓存可能导致依赖安装异常，在Vercel的部署页面，点击Redeploy，勾选Clear build cache选项后重新部署。

• 确保锁文件已提交到仓库
  检查package-lock.json（npm）或yarn.lock（yarn）是否已经推送到Git仓库。没有锁文件的话，Vercel可能会安装不同版本的依赖，导致vite未正确安装。

• 重新安装本地依赖后推送
  本地删除旧的依赖和锁文件，重新安装后再推送代码：

  rm -rf node_modules package-lock.json
  npm install
  git add .
  git commit -m "reinstall dependencies"
  git push
  

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