You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何解决创建React应用时的包解析错误及Yarn网络连接异常问题

解决Yarn安装React依赖时的getaddrinfo ENOTFOUND registry.yarnpkg.com错误

这个错误我之前帮不少开发者排查过,本质是Yarn无法正常解析registry.yarnpkg.com这个域名,导致连不上包仓库。结合你的情况(网络正常但报错),大概率是DNS解析、源配置或者本地网络拦截的问题,给你几个逐步排查的方案:

  • 第一步:检查并切换DNS服务器
    很多时候这个错误是本地DNS无法解析Yarn的域名导致的。你可以尝试切换到公共DNS:

    1. Windows用户:右键任务栏的网络图标 → 打开「网络和Internet设置」→ 「更改适配器选项」→ 右键当前连接的WiFi/网络 → 「属性」→ 找到「Internet协议版本4(TCP/IPv4)」→ 点击「属性」
    2. 选择「使用下面的DNS服务器地址」,首选填8.8.8.8(谷歌公共DNS),备选填8.8.4.4,然后保存设置
    3. 重启Yarn命令窗口,重新执行安装命令试试
  • 第二步:切换Yarn的包源到国内镜像
    国内访问默认的Yarn源可能存在不稳定的情况,你可以切换到国内的镜像源:

    1. 先查看当前Yarn的源配置:执行命令 yarn config get registry
    2. 如果输出是默认的https://registry.yarnpkg.com,执行命令切换到淘宝镜像:yarn config set registry https://registry.npmmirror.com
    3. 再次执行你的安装命令,看看是否能正常下载依赖
  • 第三步:清除Yarn缓存并重试
    有时候本地缓存损坏也会导致奇怪的网络错误,尝试清除缓存:
    执行命令 yarn cache clean,等待缓存清理完成后,重新运行安装命令

  • 第四步:检查代理和防火墙设置
    如果你开启了代理工具(比如VPN、梯子),可能代理配置有问题导致无法访问Yarn源;另外本地防火墙也可能拦截了Yarn的网络请求:

    1. 暂时关闭所有代理工具,关闭防火墙(注意临时关闭后要记得重新打开)
    2. 重新打开命令窗口执行安装命令,看是否能成功
  • 第五步:尝试用npm替代Yarn安装
    如果以上方法都不行,你可以暂时切换到npm来安装依赖,验证是不是Yarn本身的配置问题:
    执行命令 npm install @testing-library/jest-dom@^5.11.4 @testing-library/react@^11.1.0 @testing-library/user-event@^12.1.10 web-vitals@^1.0.1
    如果npm能正常安装,说明问题出在Yarn的配置上,可以尝试重新安装Yarn(npm install -g yarn)后再试

内容的提问来源于stack exchange,提问作者Takudzwa L Chimanikire

火山引擎 最新活动