Angular 18多项目配置下Firebase App Hosting构建失败：无法确定部署应用

当你的Angular项目包含多个application类型的项目时，Firebase的Angular适配器无法自动判断要部署哪一个，这就是你遇到报错的原因。下面是几种明确指定构建应用的配置方式：

方法一：在firebase.json中指定单个部署项目 #

修改你的firebase.json，在hosting的frameworksBackend.options里添加project字段，填入你要部署的应用名称（比如web或admin）：

{
  "hosting": {
    "source": ".",
    "frameworksBackend": {
      "region": "us-central1",
      "options": {
        "project": "web"
      }
    }
  }
}

方法二：配置多个Hosting站点分别部署不同应用 #

如果需要把两个应用分别部署到Firebase的不同Hosting站点，可以给hosting配置数组，每个条目对应一个应用：

{
  "hosting": [
    {
      "site": "your-web-site-id",
      "source": ".",
      "frameworksBackend": {
        "region": "us-central1",
        "options": {
          "project": "web"
        }
      }
    },
    {
      "site": "your-admin-site-id",
      "source": ".",
      "frameworksBackend": {
        "region": "us-central1",
        "options": {
          "project": "admin"
        }
      }
    }
  ]
}

注意这里的site值需要是你在Firebase控制台创建的Hosting站点ID。

方法三：在构建命令中指定项目 #

如果是通过Cloud Build的自定义命令部署，可以在firebase deploy命令后添加--angular-project参数指定应用：

firebase deploy --only hosting --angular-project web

配置完成后，重新推送代码触发Cloud Build，就能正常识别并构建指定的Angular应用了。

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