安装node-sass的踩坑之路(适用于windows)

491 阅读1分钟

某天突然发现vue项目依赖的插件都不兼容,发现node版本过低,猜测后面安装的插件版本过高,于是更新了node版本,遇到如下问题,仅做日常踩坑记录。

node V8.11.4 is incompatible with
videojs-contrib-hls@5.15.0 
babel-loader@7.1.5
video.js@7.11.8 
mockjs@1.1.0 
sass-resources-loader@2.1.1 
style-loader@2.0.0  
node版本与安装的这几个插件不兼容,需要升级node到10.13.0以上,下载了node V13.14.0 

第一步:指定淘宝镜像

npm config set registry="http://registry.npm.taobao.org"

第二步:node-sass除了npm部分的代码,还会下载二进制文件binding.node,默认源是github,国内访问较慢,特殊时期甚至无法访问。我们也可以将其改成国内源。这个二进制文件binding.node,是通过Python编译后的文件,因此安装node-sass的过程中可能会遇到find Python的错误。

set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/

注意点:

使用管理员身份打开cmd

windows没有node管理器,只能通过下载新版本的node安装包来更新node版本

node v14只试用于win8.1及以上,于是在win7安装 node V13.14.0

在安装node-sass的时候,执行cnpm install -g node-sass,默认会安装的5.0.0,但是node V13.14.0不适用的node-sass@5.0.0,可以查阅官网 https://www.npmjs.com/package/node-sass,得知node V13.14.0适用于node-sass的版本是4.13+, <5.0,于是指定node-sass的安装版本cnpm install -g node-sass@4.14.1

npm run dev,之后报错sass-loader...
于是

cnpm uninstall sass-loader,
cnpm install sass-loader@6.0.6

再次启动,成功。