node-sass 安装失败解决办法
node-sass
:rainbow: Node.js bindings to libsass
项目地址:https://gitcode.com/gh_mirrors/no/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
版本,把时间浪费在搞环境上。
升级修复三个步骤
- 卸载
node-sass
npm uninstall node-sass
- 安装
sass
npm install sass --save-dev
- 替换旧语法
/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 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)