已配置token仍出现@fortawesome/pro包npm install 404错误如何解决

核心原因 #

当前配置冲突是因为npm官方源域名配置错误，导致私有包授权验证失败，不同scope的源配置本身是可以共存互不干扰的。

修正.npmrc配置 #

替换你现有.npmrc的内容为以下配置，注意替换对应占位的token值：

# 配置全局默认npm源
registry=https://registry.npmjs.org/
# 修正npm官方源的授权token配置，官方域名为.org不是.com
//registry.npmjs.org/:_authToken=你的npm官方私有包授权token
# 指定@fortawesome前缀的所有包都从FontAwesome官方源拉取
@fortawesome:registry=https://npm.fontawesome.com/
# 配置FontAwesome源的授权token
//npm.fontawesome.com/:_authToken=你的FontAwesome Pro专属授权token

如果你的公司私有包@org/*是存放在公司自建的私有npm源而非npm官方源，需要额外加一行scope配置隔离：

# 替换为你公司实际的私有源地址
@org:registry=https://公司私有npm源地址/
# 补充公司私有源的授权配置，根据你公司源的要求配置authToken或者用户名密码即可
//公司私有npm源地址/:_authToken=公司私有源授权token

生效验证步骤 #

• 删除本地项目的node_modules文件夹、package-lock.json文件
• 执行npm cache clean --force清理本地npm缓存
• 重新执行npm install即可

兜底排查项 #

如果仍然报错，依次检查以下内容：

• 确认FontAwesome授权token有权限拉取5.x版本的Pro系列包，可登录FontAwesome官方账号核对token权限
• 确认所有token值没有多余的引号、空格等格式错误
• 确认当前网络可以正常访问npm官方源和FontAwesome源，没有代理拦截

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