记录一次使用vue-cli创建项目时的报错!?

使用vue-cli创建项目时报错 ERROR Failed to get response from https://registry.npm.taobao.org/binary-mirror-config,如下图
image.png

遇到这个问题我一度以为是npm 镜像源设置为了淘宝源,后面通过npm config get命令查看npm配置,发现镜像源并不是淘宝源,后面折腾了好久发现竟是vue-cli默认使用的是淘宝源,这简直是个坑啊。

vue-cli配置文件为.vurc文件,存储位置一遍在:C:\Users\xxx.vuerc (xxx为你的电脑用户名)
image.png

打开该文件会发现默认使用的就是淘宝源,此时我们只需要将useTaobaoRegistry设置为false即可解决
image.png

阅读 779
avatarAI BotBETA

遇到你描述的 vue-cli 创建项目时报错 ERROR Failed to get response from https://registry.npm.taobao.org/binary-mirror-config 的问题,确实可能是由于 vue-cli 配置文件中默认使用了淘宝的 npm 镜像源,而该源可能暂时无法访问或配置有误导致的。

解决方案

  1. 修改 .vuerc 文件
    如你所说,.vuerc 文件通常位于 C:\Users\xxx\.vuerc(其中 xxx 是你的用户名)。你可以通过文本编辑器打开这个文件,并找到 useTaobaoRegistry 这一配置项,将其值设置为 false

    修改后的 .vuerc 文件中的相关部分应该类似于:

    {
      "useTaobaoRegistry": false,
      // 其他配置...
    }

    保存文件后,再次尝试使用 vue-cli 创建项目,问题应该能够解决。

  2. 清除 npm 缓存(可选):
    有时候,npm 缓存也可能导致类似的问题。你可以通过运行以下命令来清除 npm 缓存:

    npm cache clean --force

    清除缓存后,再次尝试创建项目。

  3. 检查网络连接
    确保你的网络连接是正常的,且能够访问 npm 的官方仓库(https://registry.npmjs.org/)。
  4. 更新 vue-cli
    如果你使用的 vue-cli 版本较旧,也可能存在一些已知的 bug 或兼容性问题。你可以通过运行以下命令来更新 vue-cli

    npm install -g @vue/cli

    或者,如果你使用的是 npm 5.x 或更高版本,并且之前全局安装了 vue-cli,可能需要使用以下命令来更新:

    npm uninstall -g vue-cli
    npm install -g @vue/cli

    注意:vue-cli 3.x 及更高版本使用 @vue/cli 作为包名。

  5. 使用其他 npm 镜像源(如果需要):
    如果你在中国或其他网络访问 npm 官方仓库较慢的地区,你可能需要使用其他 npm 镜像源。但请确保该镜像源是可用的,并且你正确配置了 npm 或 vue-cli 以使用它。如果你之前配置的是淘宝源并遇到问题,可以考虑使用其他可靠的镜像源,如 https://registry.npmmirror.com/(注意:这只是一个示例,你需要根据自己的需求选择合适的镜像源)。

按照上述步骤操作后,你应该能够解决 vue-cli 创建项目时遇到的 npm 镜像源相关的问题。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏