vue项目运行报错:Module bulid failed: Error: Node Sass does not yet support your current environment

Node-sass是一个库,它将Node.js绑定到LibSass(流行样式表预处理器Sass的C版本)。它允许用户以令人难以置信的速度将.scss文件本地编译为css,并通过连接中间件自动编译。

vue项目运行报错:Module bulid failed: Error: Node Sass does not yet support your current environment

什么是Sass?

Sass是一种预处理器脚本语言,可以解释或编译成层叠样式表(CSS)。

Sass包含两种语法:较旧的语法使用缩进将代码块和换行符分隔为单独的规则;较新的语法SCSS使用像CSS这样的块格式。它使用大括号来表示代码块和分号来分隔块中的行。

缩进语法和SCSS文件传统上分别给出扩展名.sass和.scss

如何安装Node-sass?

鉴于国内的环境,node-sass实在是太难安装了,可以直接通过淘宝的npm镜像来安装。

1、安装cnpm(https://npm.taobao.org/)

npm install -g cnpm --registry=https://registry.npm.taobao.org

2、在项目文件夹下安装node-sass

cnpm install --save-dev node-sass

说明:--save-dev自动将node-sass加入到项目文件夹下的package.json中。


vue项目运行报错:Module bulid failed: Error: Node Sass does not yet support your current environment

解决方法(第一种亲测有效):

第一种:


1.先检查项目的node_modules文件夹是否存在node-sass文件夹,存在,删掉,不存在,执行第二步;
2.打开cmd,在项目根目录下输入以下代码
npm install --save-dev node-sass --sass-binary-site=http://npm.taobao.org/mirrors/node-sass
node-sass安装成功

说明:--save-dev自动将node-sass加入到项目文件夹下的package.json中。

第二种:

  1. 进入项目的node_modules目录下;
    2.使用git克隆node-sass源码:Git路径为:git clone https://github.com/sass/node-sass.git
    3.使用编辑器,进入node_modules/node-sass/package.json文件中;
    4.使用编辑器,将package.json文件中nodeSassConfig>binarySite的值修改为淘宝镜像地址;
    vue项目运行报错:Module bulid failed: Error: Node Sass does not yet support your current environment

5.在cmd进入node-sass文件夹中,执行以下命令:npm install
即可等待node-sass安装成功

版权声明:本文为CSDN博主「马默然」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Long861774/article/details/86676413

青春就要为之奋斗!
分类: 前端