这篇文章彻底教你解决 npm || yarn 安装依赖失败问题(建议收藏)

12,062 阅读1分钟

说明

起因

使用 npmyarn 过程中安装二进制包老掉链子,比如:node-sass

很久没水文,来刷下存在感

帮助各位解决下安装依赖时掉链子的问题(主要刚入坑人群,俺就是)

介绍

关于npmyarn介绍就不多说了,我们直接奔主题,毕竟直男一枚

首先了解下 .npmrc.yarnrc

.npmrc 文件的作用,就是 npm 配置文件;同理 .yarnrc 文件的作用,就是 yarn 的配置文件。

权重:

命令行 > 项目 .npmrc > 全局 .npmrc > 默认

解决问题

二进制包下载失败:如 node-sassphantomjs

使用 cnpm 引发的各种坑

修改默认镜像源为淘宝镜像后安装 node-sassphantomjs 依旧报错

我的配置文件

.npmrc 配置

registry=https://registry.npmmirror.com
sass_binary_site=https://npmmirror.com/mirrors/node-sass
phantomjs_cdnurl=https://npmmirror.com/mirrors/phantomjs
electron_mirror=https://npmmirror.com/mirrors/electron
profiler_binary_host_mirror=https://npmmirror.com/mirrors/node-inspector
chromedriver_cdnurl=https://npmmirror.com/mirrors/chromedriver

.yarnrc 配置

registry "https://registry.npmmirror.com"
sass_binary_site "https://npmmirror.com/mirrors/node-sass"
phantomjs_cdnurl "https://npmmirror.com/mirrors/phantomjs"
electron_mirror "https://npmmirror.com/mirrors/electron"
profiler_binary_host_mirror "https://npmmirror.com/mirrors/node-inspector"
chromedriver_cdnurl "https://npmmirror.com/mirrors/chromedriver"

使用

长期解决方案:
  1. 在项目根目录中新建 .npmrc 或者 .yarnrc
  2. 复制对应的配置
  3. 保存运行 npm i 或者 yarn
临时解决方案:

node-sass 为例

yarn add -D node-sass --sass_binary_site=https://npmmirror.com/mirrors/node-sass
# OR 
npm install -D node-sass --sass_binary_site=https://npmmirror.com/mirrors/node-sass

我的配置中只有一些常用的,如有其他需求可根据对应格式进行添加

推荐大家使用 yarn 再配合淘宝镜像源,简直吃嘛嘛香

其他

篇幅不多有点水,但是解决问题还是很实用的,所以各位小哥哥、小姐姐不要介意

如有更好的方案,欢迎评论区交流

再给自己打广告 Vue全家桶打造自适应 web 音乐播放器