前言

很多小伙伴在安装 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

GitHub 加速计划 / no / node-sass
8.5 K
1.33 K
下载
:rainbow: Node.js bindings to libsass
最近提交(Master分支:2 个月前 )
6081731a Bumps [actions/setup-node](https://github.com/actions/setup-node) from 3 to 4. - [Release notes](https://github.com/actions/setup-node/releases) - [Commits](https://github.com/actions/setup-node/compare/v3...v4) --- updated-dependencies: - dependency-name: actions/setup-node dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> 8 个月前
62c0f46c Bumps [actions/checkout](https://github.com/actions/checkout) from 3 to 4. - [Release notes](https://github.com/actions/checkout/releases) - [Changelog](https://github.com/actions/checkout/blob/main/CHANGELOG.md) - [Commits](https://github.com/actions/checkout/compare/v3...v4) --- updated-dependencies: - dependency-name: actions/checkout dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> 8 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐