React应用通过Firebase部署完成未获取hosting URL，如何操作可成功部署？

相关部署状态截图参考：

1. 验证部署状态 #

• 执行firebase deploy --debug开启调试模式重新部署，排查终端输出的错误信息，常见部署中断原因包括React打包失败、Firebase账号权限不足、免费配额耗尽
• 检查本地Firebase CLI版本是否过低，执行npm update -g firebase-tools升级到最新版本后重试

2. 核对Hosting配置 #

打开项目根目录的firebase.json文件，确认核心配置符合React项目要求：

{
  "hosting": {
    "public": "build",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

重点确认public字段指向的是React执行npm run build后生成的build目录，路径错误会导致部署失败无返回地址。

3. 手动获取已部署的Hosting地址 #

如果部署实际已完成仅终端无输出，可通过两种方式直接获取地址：

• 本地执行firebase hosting:sites:list，终端会返回当前项目绑定的所有Hosting站点域名
• 登录Firebase控制台，进入对应项目的「Hosting」板块，页面顶部会展示正式环境访问URL

4. 重新执行完整部署流程 #

确认配置无误后按顺序执行以下命令：

# 打包React项目生成生产环境产物
npm run build
# 重新验证Firebase账号权限
firebase login --reauth
# 仅部署Hosting服务
firebase deploy --only hosting

部署成功后终端会输出Hosting URL:开头的正式访问地址。

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