Nuxt Generate在Cloudflare Pages构建失败求助

问题分析 #

错误中的Unexpected token '.'及ESM实验警告，核心原因是Cloudflare Pages使用的Node.js版本过低，不支持代码中用到的ES新语法（如可选链?.、空值合并??），而本地环境Node版本满足要求，因此能正常构建。

解决方案 #

• 指定项目Node版本：在项目根目录的package.json中添加engines字段，设置与本地一致的Node版本：

  {
    "engines": {
      "node": ">=16.x"
    }
  }
  

• 配置Cloudflare Pages环境变量：进入项目构建设置，在「Environment Variables」中添加变量NODE_VERSION，值设为你本地使用的Node版本（如18或16）
• 检查Nuxt配置（可选）：
  • 若为Nuxt 3，确保package.json包含"type": "module"
  • 若为Nuxt 2，确认所有依赖包兼容指定的Node版本

验证 #

提交修改后的代码到仓库，触发Cloudflare Pages重新构建，确认静态文件生成完成。

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