部署Nuxt项目到Vercel时出现Dist错误，该如何解决？

检查Nuxt版本并配置Vercel输出目录 #

• Nuxt 3：默认构建输出目录是.output/public，而Vercel默认查找dist。进入Vercel项目的「Settings」→「Build & Development Settings」，在「Output Directory」栏填入.output/public即可。
• Nuxt 2：默认输出目录是dist，如果本地执行npm run build后未生成该目录，打开项目根目录的nuxt.config.js，检查是否自定义了buildDir配置，若有则将其改为dist，或者在Vercel中对应设置该自定义目录为输出目录。示例配置：

  // nuxt.config.js
  export default {
    buildDir: 'dist'
  }
  

确认package.json的build命令正确性 #

确保package.json中的build命令与Nuxt版本匹配：

{
  "scripts": {
    "build": "nuxt build" // Nuxt 3 用此命令；Nuxt 2 可按需使用"nuxt build"或"nuxt generate"
  }
}

本地排查构建问题 #

本地执行npm run build后，检查根目录是否生成对应输出目录：

• 若本地也未生成，先执行npm install重新安装完整依赖
• 查看终端的构建日志，排查是否存在代码语法错误、依赖缺失等导致构建失败的问题

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