vue启动报错 Run `npm rebuild node-sass` to download the binding for your current environment

文章讲述了在Vue项目启动时遇到node-sass报错的问题,由于版本不兼容,建议切换到dart-sass或者回退nodejs到14.x版本并安装匹配的sass-loader和node-sass。对于/deep/的语法错误,需要替换为::v-deep。
摘要由CSDN通过智能技术生成

vue启动项目报错 Run npm rebuild node-sass to download the binding for your current environment

npm rebuild node-sass后报关于python的错误

安装python
去官网http://www.python.org
在这里插入图片描述
选择适合你的版本
在这里插入图片描述
安装时注意选勾选 add Python 3.10 to PATH

安装python后依然报sass的错误 发现还是版本问题

使用dart-sass(亲测好用):
(1)卸载node-sass 和 sass-loader
  npm uninstall node-sass sass-loader
(2)安装
  npm install sass-loader@^10 sass -D

重启项目发现报几处语法错误

在这里插入图片描述
这里需要将项目中的 /deep/ 替换为 ::v-deep 即可

总结

由于nodejs版本问题,导致处理老项目时node-sass出现报错,为了更加简便所以替换为dart-sass,二者部分语法不同,如/deep/转换为 ::v-deep。

如果不想使用dart-sass,解决办法(安装sass 基本环境最佳匹配 “nodejs 14.x” “sass-loader@7.3.1” “node-sass@4.14.1”):
(1)将nodejs 版本为改回 14.x,不要使用 16.x 等版本;
(2)卸载node-sass 和 sass-loader
    npm uninstall node-sass sass-loader
(3)安装匹配版本:
   npm install sass-loader@7.3.1 node-sass@4.14.1 --save-dev

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值