使用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
同样可以选择淘宝镜像安装。