Ionic启动新项目报错：TypeError: unsupported proxy protocol 求解决

看起来你遇到的问题是代理地址缺少协议前缀导致的，错误提示里的unsupported proxy protocol: "xxx.xxx.xxx.xxx"已经很明确了——系统把你的IP地址当成了代理协议，而不是正确的代理服务器地址。下面给你几个实用的解决步骤：

1. 修复npm的代理配置 #

首先检查当前npm的代理设置，打开命令行执行：

npm config get proxy
npm config get https-proxy

如果输出的内容只有纯IP（比如xxx.xxx.xxx.xxx），没有http://或https://前缀，就需要重新设置代理：

# 替换成你的代理IP和端口
npm config set proxy http://xxx.xxx.xxx.xxx:你的端口号
npm config set https-proxy http://xxx.xxx.xxx.xxx:你的端口号

要是你不需要代理了，直接清空配置更省事：

npm config delete proxy
npm config delete https-proxy

2. 检查系统级的代理环境变量 #

有时候系统的HTTP_PROXY和HTTPS_PROXY环境变量也会干扰Ionic的请求：

• Windows命令行查看：

  echo %HTTP_PROXY%
  echo %HTTPS_PROXY%
  

• Linux/macOS终端查看：

  echo $HTTP_PROXY
  echo $HTTPS_PROXY
  

如果这些变量的值也没有协议前缀，记得补充完整；不需要的话就直接删除这些环境变量。

3. 清除Ionic CLI缓存 #

修改代理配置后，建议清除Ionic的缓存让设置生效：

ionic cache clear

4. 临时跳过代理测试（快速验证） #

要是你想快速确认是不是代理的问题，可以在启动项目前临时取消代理环境变量：

• Windows：

  set HTTP_PROXY= && set HTTPS_PROXY= && ionic start myApp tabs
  

• Linux/macOS：

  HTTP_PROXY= HTTPS_PROXY= ionic start myApp tabs
  

按照上面的步骤操作后，应该就能正常启动Ionic项目了。

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