admin管理员组

文章数量:1130349

前言

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

解决方案

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

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

二者区别

node-sasssass
依赖 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实在太坑了，之前遇到安装失败使用方法一完美解决。最近又一次遇到了，但是方法一又无效了。于是我又在网上找到另一个方法，就是用dart-sass来替换node-sass。

正常的替换也会出问题，还要改配置。使用以下方法便可以解决 yarn安装的:

yarn add node-sass@yarn:dart-sass -D

npm安装的:

yarn add node-sass@npm:dart-sass -D

如果项目之前用到 /deep/ 需要替换为 ::v-deep，全局搜索 /deep/ , 将项目里的 /deep/ 替换为 ::v-deep

前言

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

解决方案

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

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

二者区别

node-sasssass
依赖 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实在太坑了，之前遇到安装失败使用方法一完美解决。最近又一次遇到了，但是方法一又无效了。于是我又在网上找到另一个方法，就是用dart-sass来替换node-sass。

正常的替换也会出问题，还要改配置。使用以下方法便可以解决 yarn安装的:

yarn add node-sass@yarn:dart-sass -D

npm安装的:

yarn add node-sass@npm:dart-sass -D

如果项目之前用到 /deep/ 需要替换为 ::v-deep，全局搜索 /deep/ , 将项目里的 /deep/ 替换为 ::v-deep

本文标签： 解决办法Nodesass

版权声明：本文标题：node-sass 安装失败解决办法 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1754940952a2744280.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。