踩坑！被node-sass折磨的一天

被node-sass折磨的一天

折磨过程

起因是要开发一个老项目，照常拉代码、下依赖、启动三步走

依赖开始下载不对了，以为是node版本问题，寻找node-sass对应的node版本

利用nvm，这几个版本都试了

​

无果，根据报错解决问题，

Cannot downloadhttps://npm.taobao.org/mirrors/node-sass/v4.14.1/win32-x64-64_binding.node"

首先报错不能下载，以为是淘宝数据源过期了，于是更换成腾讯的

依然错误

gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.

找不到python环境，整蒙了我，难道要我再下个python？

百度原因是：这个错误是由node-gyp引起的，node-gyp是一个用于编译Node.js原生模块的工具，它依赖于Python环境。错误信息表明node-gyp无法找到Python可执行文件。

解决方法是可以安装python，或者安装node-gyp

安装python是不可能安装的，我就试了第二张，依然无果，

想着应该就是版本过老吧，那我就升级！

试着升级单个依赖，不行依然报错，

尝试利用npm-check-updates，结果吓我一跳！全给我干到最新版本了

​

vue版本都从2干到3了，撤回！撤回！

这肯定有什么解决方法，对最新的项目为什么没有这个问题呢，我去看了看，

package.json里面怎么没有node-sass？没有sass-loader？只有sass！

…

先上解决方法

卸载 node-sass：npm uninstall node-sass 安装 sass：npm install sass --save-dev

解决不了它，就替换它，成功运行

了解原因

sass 是由 ts调用 dart-sass实现的工具类，来编译 sass

Dart Sass 是 Sass 官网力推的工具，它包括了基于 Dart VM 的命令行工具，以及基于 Node 的纯 Javascript 实现，不管是安装还是兼容高版本 Node这块，遥遥领先！

而node-sass 是用 node (调用 c++ 编写的 libsass) 来编译 sass，比较依赖node版本，下载安装较为麻烦，果断舍弃

注意事项

在深度选择器这一块，注意更换

1. sass 只支持 ::v-deep
2. node-sass 支持 /deep/和::v-deep