安装@angular/cli时出现code ERR_INVALID_URL报错如何解决

该报错核心原因是npm的源配置、代理配置存在无效地址，可按以下步骤排查修复：

1. 检查当前npm源配置 #

• 运行命令 npm config get registry 查看当前配置的镜像源地址
• 若返回的地址存在拼写错误、多余字符、或服务已失效，就会触发该报错

2. 修复镜像源配置 #

• 若使用官方源，执行：npm config set registry https://registry.npmjs.org/
• 若使用国内镜像源，执行：npm config set registry https://registry.npmmirror.com/

注意：地址末尾的斜杠不要漏，也不要额外添加空格、引号等多余字符，绝大多数同类报错都是配置时多输入了无效字符导致的。

3. 清除无效代理配置（可选，排查项） #

• 运行 npm config get proxy 和 npm config get https-proxy 查看是否配置了代理
• 如果返回了代理地址但你当前未开启对应代理，执行以下命令删除无效配置：

  npm config delete proxy
  npm config delete https-proxy
  

4. 清除缓存后重试安装 #

• 运行命令 npm cache clean --force 清除npm残留错误缓存
• 重新执行安装命令：npm install -g @angular/cli

额外提示：node 16.13.0兼容的@angular/cli最高版本为13.x，若需要安装更高版本的Angular CLI，需先升级node版本到对应要求，避免后续运行时出现兼容性问题。

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