Angular应用部署Firebase时遇未知构建错误求助

第一步：先确认本地构建是否正常 #

先在本地执行ng build命令，验证能否成功生成dist文件夹。如果本地构建就失败，说明问题出在项目代码或依赖本身，优先解决本地构建错误后再尝试部署。

第二步：修复依赖版本冲突与兼容性问题 #

从你的package.json来看存在几个潜在问题：

• 重复安装了rxjs、tslib、zone.js（同时出现在dependencies和devDependencies中），这类核心依赖只需在dependencies中保留即可，删除devDependencies中的重复项避免版本冲突。
• Angular 13.x与@angular/fire 7.5.0、firebase 9.21.0的版本匹配存在风险，建议调整到更兼容的版本组合。

执行以下命令调整依赖：

# 删除devDependencies中的重复核心依赖
npm uninstall rxjs tslib zone.js --save-dev
# 安装与Angular13兼容的@angular/fire版本
npm install @angular/fire@7.4.0 --save

第三步：更新firebase-tools工具 #

错误日志指向firebase-tools的Angular框架处理模块，大概率是工具版本问题，重新安装最新版：

npm uninstall -g firebase-tools
npm install -g firebase-tools@latest
# 重新登录firebase账号
firebase login

第四步：手动构建后再部署 #

跳过firebase-tools自动构建流程，手动完成构建后部署：

1. 执行生产环境构建：ng build --prod
2. 仅部署托管服务：firebase deploy --only hosting

第五步：验证firebase配置文件 #

检查firebase.json的hosting配置，确保public路径正确指向Angular构建产物：

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

注意public路径需与Angular13默认构建输出目录dist/项目名一致（你的项目名为ichess，即dist/ichess）。

第六步：清理缓存重置环境 #

清理npm和Angular构建缓存，重置依赖环境：

npm cache clean --force
rm -rf node_modules package-lock.json
npm install
ng build --clean

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