使用swiper中途遇到node sass 5.0版本问题

1 篇文章 0 订阅
1 篇文章 0 订阅
博主分享了在使用Swiper组件时遇到的Sass-loader版本冲突问题,通过逐步排查,最终通过调整npm源并安装特定版本的node-sass解决了问题。文章详述了过程及替代方案dart-sass的选择。
摘要由CSDN通过智能技术生成

在使用网上的swiper组件时时,
在这里插入图片描述
此错误来自sass-loader。因为node-sass @latest为v5.0.0,而sass-loader期望值为^ 4.0.0。

目前解决方案如下:

// 卸载node-sass

npm uninstall node-sass

// 然后安装4.x版本(5.0之前)

cnpm install node-sass@4.14.1

另外,由于node-sass在使用过程中经常出现问题,可以考虑使用dart-sass进行替换

查看了下Dart-sass 最后决定先不用 :Dart-Sass替换Node-Sass

cnpm install node-sass@4.14.1 后还是报错
在这里插入图片描述
安装 npm install swiper vue-awesome-swiper --save
在这里插入图片描述
感觉回到了死循环,然后我网上找资料后

npm install --save-dev node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass

最后终于ok了 ,第一次在csdn上写文章 求支持😀

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值