首页 > web前端 > js教程 > npm和yarn安装node-sass的问题解决方法介绍

npm和yarn安装node-sass的问题解决方法介绍

不言
发布: 2019-03-23 16:19:40
转载
4173 人浏览过

本篇文章给大家带来的内容是关于npm和yarn安装node-sass的问题解决方法介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

node-sass

npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败。
这是使用 sass 的同学可能都会遇到的郁闷的问题。

npm下载

解决方法如下

1直接切换淘宝源

局部设置
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
全局设置
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
登录后复制

2增加配置文件.npmrc

sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org
登录后复制

以上方法就可以下载成功了

yarn下载

yarn的下载要比npm艰难多了
上诉切换还是会失败的
需要自己手动下载包才行

当我们yarn下载node-sass时,会报错。这个主要是解析的时候出错了。
我们查看node_modulesnode-sassvendor路径下的文件
我这边假设是win32-x64-57
而文件夹内部却是空的
这里面的文件就是下载了,最后到时解析失败。我们就需要手动去下载这个文件
https://github.com/sass/node-...
在上述地址找到win32-x64-57版本的binding.node;即win32-x64-57_binding.node
下载下来。
那么接下来我们需要去找到yarn的缓存地址,yarn下载的时候都是优先查看缓存
我们可以通过

yarn cash dir
登录后复制

我们可以找到对应的缓存地址
我这边是

C:\Users\xxx\AppData\Local\Yarn\Cache\v1
登录后复制

然后在这里面找到对应的node-sass
我们可以看到内部没有vendor文件,那么把刚才的vendor文件夹都复制进来,并且将win32-x64-57_binding.node改名为binding.node放到win32-x64-57文件夹下面,这是再次去下载就可以下载成功了

本篇文章到这里就已经全部结束了,更多其他精彩内容可以关注PHP中文网的JavaScript视频教程栏目!

以上是npm和yarn安装node-sass的问题解决方法介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:segmentfault.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板