Next.js 12部署Cloud Run报500错误，本地正常（关联getServerSideProps）

核心原因 #

这个SyntaxError: Unexpected token '.'错误几乎都是Node.js版本不兼容导致的——Next.js 12默认使用SWC编译，会输出包含ES2020+语法（比如可选链操作符?.）的代码，而Cloud Run如果使用了低于14.6.0的Node.js版本，就无法解析这些新语法。

具体解决方案 #

• 指定Cloud Run使用兼容的Node.js版本
  Next.js 12要求Node.js >=14.6.0，你需要在部署配置里明确指定高版本Node：

  • 如果用Docker部署，在Dockerfile开头指定镜像：FROM node:18-alpine（或16/14的稳定版）
  • 如果用Cloud Build直接构建，在构建步骤中指定Node版本，确保和本地运行版本一致

• 锁定依赖与构建环境一致性
  确保Cloud Run的依赖安装和构建环境和本地一致：

  • 提交package-lock.json或yarn.lock到代码仓库，避免Cloud Run安装不同版本的依赖
  • 在Dockerfile里按顺序执行安装依赖、构建、启动的步骤，示例：

    FROM node:18-alpine
    WORKDIR /app
    COPY package*.json ./
    RUN npm install
    COPY . .
    RUN npm run build
    CMD ["npm", "start"]
    

• 检查getServerSideProps中的代码
  若你的getServerSideProps里直接使用了?.、??这类高版本语法，而Cloud Run的Node版本不支持，就会触发报错。可以暂时把这些语法替换成兼容写法（比如用&&判断属性是否存在），或者直接升级Node版本彻底解决。

• 确认Next.js配置无冲突
  无需自定义webpack/babel配置，但可以在next.config.js里显式设置目标环境，确保编译输出兼容Node.js：

  module.exports = {
    target: 'node',
  }
  

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