网址导航建站北京天恒建设工程有限公司网站

【Bug记录】node-sass 安装失败解决办法

前言

很多小伙伴在安装 node-sass 的时候都失败了，主要的原因是 node 版本和项目依赖的 node-sass 版本不匹配。

解决方案

解决方案：把项目中的 node-sass 替换为 sass，其实 node-sass 已被官方弃用。

官方公告： LibSass and Node Sass are deprecated.

二者区别

node-sass	sass
依赖 node 版本	不依赖 node 版本

替换成 sass 后不用考虑 node 版本问题，没必要因为一个包修改 node 版本，把时间浪费在搞环境上。

升级修复三个步骤

1. 卸载 node-sass

npm uninstall node-sass

2. 安装 sass

npm install sass --save-dev

3. 替换旧语法 /deep/ ，使用新语法 ::v-deep 代替，VsCode 支持全局搜索，一键替换即可。

/deep/ 全部替换为 ::v-deep

总结

错误原因：node-sass 依赖 node 版本，而 sass 则不需要。

解决方案：卸载 node-sass ，安装 sass，项目全局搜索 /deep/ , 把 /deep/ 替换为 ::v-deep 即可。