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中。
第二种:
- 进入项目的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的值修改为淘宝镜像地址;
5.在cmd进入node-sass文件夹中,执行以下命令:npm install
即可等待node-sass安装成功
版权声明:本文为****博主「马默然」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.****.net/Long861774/article/details/86676413
青春就要为之奋斗!
分类:
前端