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
  1. 安装 sass
npm install sass --save-dev
  1. 替换旧语法 /deep/ ,使用新语法 ::v-deep 代替,VsCode 支持全局搜索,一键替换即可。
/deep/ 全部替换为 ::v-deep

总结

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

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

node-sass 安装失败解决办法_第1张图片

 

你可能感兴趣的:(sass,前端,css)