升级Next.js 13.4.1后页面重载报错及构建失败求助

一、处理 yarn build 报错：Error: You can not use getInitialProps with getStaticProps #

• 这是Next.js的硬性限制：同一页面组件不能同时使用 getInitialProps 和 getStaticProps，二者只能选其一。
• 具体操作：
  1. 用IDE全局搜索项目文件，找出同时包含这两个方法的页面
  2. 根据页面需求取舍：
     • 若需要静态生成（SSG），保留getStaticProps，删除getInitialProps，并把原getInitialProps里的逻辑迁移到getStaticProps中（注意getStaticProps仅在构建阶段运行，无法访问客户端信息）
     • 若需要兼容服务端/客户端渲染的逻辑，保留getInitialProps，删除getStaticProps
  3. 补充：Next.js 13的App Router已不再支持getInitialProps，如果项目正迁移到App Router，建议优先使用Pages Router的getStaticProps/getServerSideProps，或App Router的组件内async/await写法

二、解决页面重载时的 ECONNREFUSED 127.0.0.1:62596 错误 #

该错误是Node.js尝试连接本地62596端口失败导致的，结合重载才触发的特征，可按以下方向排查：

• 检查本地请求逻辑：
  1. 全局搜索项目中的fetch、axios等请求代码，确认是否存在硬编码的127.0.0.1:62596，或动态生成本地端口的请求逻辑
  2. 排查第三方依赖：比如本地mock服务、数据库连接、工具类服务，是否在页面重载时未正常启动，导致端口不可用
• 清理开发环境缓存：
  1. 执行yarn cache clean，删除项目根目录的.next文件夹，再重启开发服务器
• 逐步定位问题代码：
  1. 暂时禁用部分页面的组件/业务逻辑，逐步缩小范围，找到触发端口连接请求的代码块

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