Storybook执行命令报错TypeError: Invalid URL问题求助

从报错信息可明确，问题出在代理地址解析环节：node-fetch-native要求代理地址必须是包含http/https前缀的完整URL，但你的代理配置仅提供了127.0.0.1:8079，缺少协议头导致URL解析失败。以下是具体解决方案：

1. 修正终端代理环境变量 #

• 先查看当前代理配置：

  echo $HTTP_PROXY
  echo $HTTPS_PROXY
  

• 如果输出是127.0.0.1:8079，执行以下命令临时修正（终端关闭后失效）：

  export HTTP_PROXY=http://127.0.0.1:8079
  export HTTPS_PROXY=http://127.0.0.1:8079
  

• 要永久生效，根据你的shell类型修改配置文件：
  • bash：编辑~/.bashrc，添加上述两条export命令，然后执行source ~/.bashrc
  • zsh：编辑~/.zshrc，添加上述两条export命令，然后执行source ~/.zshrc

2. 配置npm代理 #

• 查看当前npm代理设置：

  npm config get proxy
  npm config get https-proxy
  

• 若格式不正确，执行以下命令修正：

  npm config set proxy http://127.0.0.1:8079
  npm config set https-proxy http://127.0.0.1:8079
  

• 如果不需要代理，可直接清空配置：

  npm config delete proxy
  npm config delete https-proxy
  

3. 临时绕过代理执行Storybook命令 #

如果不想修改全局配置，可在执行命令时临时覆盖代理变量：

# 完全取消代理
HTTP_PROXY= HTTPS_PROXY= npx storybook dev

# 或指定正确格式的代理地址
HTTP_PROXY=http://127.0.0.1:8079 HTTPS_PROXY=http://127.0.0.1:8079 npx storybook dev

4. 检查项目本地配置 #

确认项目根目录的.env或其他配置文件中，是否有自定义的代理变量，确保格式为完整URL（带http/https前缀）。

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