安装node-sass时报错,gyp ERR stack Error: Can‘t find Python executable “python“(项目安装使用scss)

使用VScode时,安装node-sass时报错,gyp ERR! stack Error: Can‘t find Python executable “python“(项目安装使用scss)

首先,node sass 是什么?

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

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

vue项目中安装使用scss时,需要安装node-sass 及 sass-loader

第一步,安装淘宝镜像

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

第二部,安装node-sass

cnpm install --save-dev node-sass

安装node-sass时可能会出现如下错误:

gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
gyp ERR! stack     at PythonFinder.failNoPython (C:\Users\Administrator\Desktop\vueVant\vuevant\node_modules\node-gyp\lib\configure.js:484:19)
gyp ERR! stack     at PythonFinder.<anonymous> (C:\Users\Administrator\Desktop\vueVant\vuevant\node_modules\node-gyp\lib\configure.js:509:16)
gyp ERR! stack     at callback (C:\Users\Administrator\Desktop\vueVant\vuevant\node_modules\graceful-fs\polyfills.js:295:20)
gyp ERR! stack     at FSReqCallback.oncomplete (fs.js:166:21)
gyp ERR! System Windows_NT 6.1.7601
gyp ERR! command "E:\\nodejs-12.16\\node.exe" "C:\\Users\\Administrator\\Desktop\\vueVant\\vuevant\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd C:\Users\Administrator\Desktop\vueVant\vuevant\node_modules\node-sass
gyp ERR! node -v v12.16.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok

报错如上述问题,安装不成功可能是由于网速或者版本的问题,那么首先你应该卸载之前安装的东西:

npm uninstall node-sass

然后重装,或者转而使用淘宝镜像安装。重复以上步骤即可。

或者也可能报如下错误:

Module build failed: Error: ENOENT: no such file or directory, scandir 
'F:\WEB\project\ZhongJun\sgb-management-client\node_modules\_node-sass@4.14.1@node-sass\vendor'

这时需要使用 npm命令重新编译node-sass,如下:

npm rebuild node-sass

第三部,安装sass-loader

npm install sass-loader --save-dev

同样可以选择淘宝镜像安装。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值