使用angular-gh-pages部署Angular项目至Git时遇URL不匹配等错误求助

嘿，我完全懂你在Windows 10上折腾angular-gh-pages部署时的崩溃感——明明构建成功了，却接二连三遇到git命令找不到、远程URL不匹配、sh命令缺失的问题，根本推不上GitHub Pages。别慌，咱们一个个来解决这些坑！

1. 搞定git-upload-pack命令未找到的问题 #

这个报错本质是系统找不到Git的可执行文件，大概率是Git的路径没加到系统环境变量里：

• 先找到你的Git安装目录，一般默认是C:\Program Files\Git\bin和C:\Program Files\Git\cmd
• 右键「此电脑」→「属性」→「高级系统设置」→「环境变量」，在系统变量的Path列表里添加这两个路径
• 重启你的终端（CMD/PowerShell/Git Bash），输入git --version确认Git能正常调用，再重新尝试部署

2. 解决Remote url mismatch错误 #

这个是angular-gh-pages检测到本地仓库的远程URL和预期不一致，或者存在多个远程仓库导致的：

• 先检查本地仓库的远程配置：执行git remote -v，确认origin指向的是不是https://github.com/Gillardo/ngx-bootstrap-datetime-popup
• 如果URL不对，直接更新远程地址：git remote set-url origin https://github.com/Gillardo/ngx-bootstrap-datetime-popup
• 如果有多个远程仓库，你可以在部署命令里直接指定目标仓库，避免混淆：

  ng deploy demo --no-silent --repo=https://github.com/Gillardo/ngx-bootstrap-datetime-popup
  

3. 解决找不到sh命令的问题 #

Windows默认没有类Unix的sh环境，而angular-gh-pages部分逻辑依赖这个环境，有两个简单的解决办法：

• 方案一：用Git Bash执行部署命令
  直接打开Git Bash，切换到项目根目录，再运行ng deploy demo --no-silent，Git Bash自带完整的类Unix工具链，能避开这个问题
• 方案二：给Windows终端添加sh路径
  找到Git安装目录下的usr\bin路径（一般是C:\Program Files\Git\usr\bin），把它加到系统环境变量的Path里，之后CMD或PowerShell就能找到sh命令了。临时生效的话，也可以在PowerShell里先执行：

  $env:PATH += ";C:\Program Files\Git\usr\bin"
  

额外的排查小技巧 #

• 确保你安装的是最新版的angular-gh-pages：npm install angular-gh-pages --save-dev
• 把Angular CLI更到最新稳定版：npm install @angular/cli@latest -g
• 检查项目angular.json里demo应用的deploy配置，确认builder字段是angular-gh-pages:deploy

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