添加Leaflet库后Vercel部署失败，npm run build报127错误

错误根源分析 #

• must provide string spec：这是package.json中依赖项的版本格式不合法导致的，通常是某个依赖的版本值不是字符串类型（比如误写为数字、对象，或者存在语法错误）。你添加Leaflet时可能手动修改package.json出错，或者依赖安装命令出现异常。
• vite: command not found：因为前面依赖安装阶段失败，导致作为devDependency的vite没有被正确安装到node_modules，所以执行build命令时找不到vite。

具体修复操作 #

1. 检查并修复package.json依赖格式
   打开你的package.json文件，重点检查dependencies和devDependencies中的所有项，尤其是刚添加的leaflet相关依赖，确保版本号是字符串格式。比如：

   • 错误写法："leaflet": 1.9.4
   • 正确写法："leaflet": "1.9.4"
     同时检查其他依赖是否存在类似格式错误，比如逗号遗漏、引号不匹配等语法问题。

2. 本地重新安装依赖并测试构建
   执行以下命令清理旧依赖并重新安装：

   rm -rf node_modules package-lock.json
   npm install
   

   安装完成后运行npm run build，确认本地能正常构建成功。

3. Vercel部署修复

   • 确保已经将修复后的package.json推送到代码仓库
   • 登录Vercel控制台，找到你的项目，点击重新触发部署
   • 如果仍然有问题，可以尝试清除Vercel的构建缓存：进入项目的「Settings」→「Build & Development Settings」，找到「Clear Cache」选项并执行，之后再重新部署

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