将 Nuxt3 部署到 AppEngine Standard 或 Felxible 环境

Question

我在将我的应用程序部署到 Google App Engine 时遇到问题，该应用程序在 Nuxt3 中使用服务器端渲染 (SSR)。虽然我设法使用 Docker 容器将其成功部署到 GCP Cloud Run，但它无法满足我的特定要求。我需要它成为我的 AppEngine 项目中的一项服务，允许我为用户导航设置调度规则。

不幸的是，有适用于 Nuxt 2 的部署说明，但没有适用于 Nuxt 3 的部署说明，这使得该过程更加复杂。

我的 package.json 看起来像这样：

{
  "name": "nuxt-app",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxi build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare",
    "start": "node .output/server/index.mjs",
    "gcp-build": ""
  },
  "devDependencies": {
    "@nuxt/devtools": "latest",
    "@nuxtjs/i18n": "^8.0.0-rc.5",
    "@nuxtjs/tailwindcss": "^6.8.0",
    "nuxt": "^3.7.4",
    "nuxt-icon": "^0.5.0",
    "nuxt-viewport": "^2.0.6",
    "vue": "^3.3.4",
    "vue-router": "^4.2.5"
  },
  "dependencies": {
    "@nuxtjs/color-mode": "^3.3.0",
    "flowbite": "^1.8.1",
    "prettier": "^3.0.3"
  }
}

这是我尝试将其上传到灵活环境的方法。这是 app.yaml：

runtime: nodejs
env: flex
entrypoint: npm start
service: "nuxt-frontend"
runtime_config:
  operating_system: ubuntu22

automatic_scaling:
  max_num_instances: 1

当我使用上述文件部署它时，部署成功，但打开网页时出现 500 错误：

日志显示此错误：

Answer 1

目前，最新支持的版本是 Nuxt 2，基于 在 Google App Engine 上部署 Nuxt 的文档。

我尝试在 Nuxt 3 文档上进行手动搜索，但尚不支持 Google App Engine。

我建议提交功能请求，以便在接下来的迭代/更新中可用。请注意，我们对此没有具体的预计到达时间，但您可以在创建票证后跟踪其进度。您可以使用下面的链接将其作为功能请求提交：

• Nuxt问题
• Google Cloud 问题跟踪系统和产品功能请求