添加Font Awesome Pro后Azure DevOps CI构建流水线失败

针对你遇到的Angular 14项目集成Font Awesome Pro 6后，Azure DevOps CI构建出现npm认证错误的问题，按以下步骤排查解决：

1. 确认Font Awesome Pro令牌有效性 #

• 登录Font Awesome账号，检查你生成的Pro版本访问令牌是否有效、未过期，确保令牌是专门用于npm registry访问的类型
• 本地测试：执行npm login --registry=https://npm.fontawesome.com，用户名可随意填写（比如fa-pro-user），密码填入你的令牌，若能登录成功则说明令牌本身没问题

2. 正确配置Azure DevOps变量与.npmrc #

• 不要将令牌硬编码进.npmrc，而是在Azure DevOps项目的流水线变量组中添加保密变量FONTAWESOME_AUTH_TOKEN，值为你的Font Awesome令牌，勾选「保密」以避免泄露
• 修改项目根目录的.npmrc文件，将令牌替换为Azure DevOps变量引用，内容如下：

  @fortawesome:registry=https://npm.fontawesome.com
  //npm.fontawesome.com/:_authToken=$(FONTAWESOME_AUTH_TOKEN)
  

3. 确保流水线能读取变量 #

• 在你的Azure DevOps CI流水线YAML文件中，引用包含该变量的变量组，示例：

  variables:
    - group: FontAwesomeProVariables # 替换为你的变量组名称
  

  如果未使用变量组，也可直接在流水线中定义变量（同样勾选保密）

4. 清理CI环境的npm缓存 #

• CI环境可能残留旧的认证缓存，在npm install步骤前添加清理命令：

  npm cache clean --force
  

5. 排查.npmrc格式与网络问题 #

• 检查.npmrc文件无多余空格、换行，变量引用拼写正确，令牌前后不要加引号
• 确认Azure DevOps代理机器能正常访问https://npm.fontawesome.com，无网络拦截

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