Next.js应用Vercel部署失败：npm run build退出码1

问题1：ESLint无法加载"next/babel"配置 #

• 检查项目根目录的ESLint配置文件（.eslintrc.json或.eslintrc.js），确保extends字段包含next/babel，正确配置示例：

  {
    "extends": ["next/babel", "next/core-web-vitals"]
  }
  

• 确认已安装eslint-config-next依赖，未安装则执行：

  npm install eslint-config-next --save-dev
  

• 无需依赖CI=false这类环境变量，这是配置缺失/错误导致的加载失败，不是代码检查不通过的问题。

问题2：pages/vidsForCourses/VideoPlayer未默认导出React组件 #

• Next.js的pages目录要求所有页面文件必须默认导出React组件，否则构建优化会失败。打开对应文件修改导出方式：

  // 错误示例（命名导出）
  export const VideoPlayer = () => {
    return <div>视频播放器</div>;
  };
  
  // 正确示例（默认导出）
  export default function VideoPlayer() {
    return <div>视频播放器</div>;
  }
  

• 本地运行可能允许命名导出，但Vercel构建时会严格校验pages目录的导出规则，这是核心要求，必须修正。

内容的提问来源于stack exchange，提问作者Brodie.The.Athlete