如何修复误触回滚后Next.js项目在Vercel的构建错误
解决Vercel部署Next.js时找不到@tailwindcss/typography的问题
问题核心
Vercel构建失败的直接原因是缺少@tailwindcss/typography依赖,本地能正常构建是因为该依赖已存在于本地node_modules或全局环境,但项目的package.json中未正式声明;回滚操作清除了Vercel的构建缓存,导致依赖安装不完整,最终触发编译错误。
修复步骤
- 检查项目根目录的
package.json,确认是否包含@tailwindcss/typography条目。如果没有,在本地执行以下命令安装依赖:npm install @tailwindcss/typography --save-dev - 提交更新后的
package.json和package-lock.json到GitHub仓库的main分支 - 进入Vercel项目的部署页面,找到最新的失败部署,点击Redeploy,勾选Clear build cache选项后重新触发部署
补充说明
此前部署成功是因为Vercel缓存了已安装的依赖,误操作回滚后缓存被清空,而项目配置中未明确声明该Tailwind插件依赖,导致构建时无法找到对应模块。本地环境不受影响是因为依赖已提前安装,无需重新拉取。
内容的提问来源于stack exchange,提问作者Alen Schmitt
相关产品推荐
相关产品推荐

