求助：Firebase Hosting部署后页面空白，本地ng serve正常

• 先确认Angular项目已完成生产构建
  必须先执行ng build（或ng build --prod，新版本Angular默认生成生产环境包），生成dist/你的项目名目录。Firebase Hosting只能部署构建后的静态文件，不能直接部署源码。检查dist目录下是否有完整的index.html、main.js、styles.css等核心文件。

• 修正firebase.json配置
  确保hosting字段的public路径指向正确的构建目录，同时添加单页应用路由重写规则（Angular必需），示例配置：

  {
    "hosting": {
      "public": "dist/你的项目名",
      "ignore": [
        "firebase.json",
        "**/.*",
        "**/node_modules/**"
      ],
      "rewrites": [
        {
          "source": "**",
          "destination": "/index.html"
        }
      ]
    }
  }
  

  若public路径错误，会导致找不到你的应用文件，要么显示默认页面要么空白。

• 强制清除缓存重新部署
  执行部署命令时加--force参数强制刷新缓存：

  firebase deploy --only hosting --force
  

  也可以登录Firebase控制台，进入Hosting页面手动清除缓存。

• 查看浏览器控制台排查报错
  打开部署后的页面，按F12打开开发者工具，切换到Console标签：

  • 若出现资源404错误：检查firebase.json的public路径是否正确，或构建后的文件路径是否有误。
  • 若出现CORS错误：检查Firebase数据库的安全规则，允许部署后的域名访问。
  • 若出现JS语法或加载错误：排查生产构建是否有依赖缺失，或Firebase环境配置（如API密钥）在生产环境未正确设置。

• 解决默认页面问题
  若偶尔显示Firebase默认页面，确认部署时选择了正确的Firebase项目（用firebase use切换），且public路径未指向默认的public目录（需改为Angular的dist目录），重新部署覆盖默认文件。

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