sass-loader、node-sass安装失败问题解决

本文介绍了在Vue项目中遇到的sass-loader和node-sass安装失败的常见问题,包括尝试的多种解决方案,如删除node_modules、降低sass-loader版本到7.x、使用淘宝镜像安装node-sass以及解决版本兼容性问题。通过逐步排除,最终找到了成功安装的策略。
摘要由CSDN通过智能技术生成

To install it, you can run: npm install --save !!vue-style-loader!css-loader?{“sourceMap”:true}!../…/…/node_modules/vu
e-loader/lib/style-compiler/index?{“vue”:true,“id”:"data-v-

在网上搜索解决方案的时候,大部分解决方式都是如下:
npm install stylus stylus-loader style-loader --save-dev

但是我也尝试了,不行,最后解决方式如下
1:删除node_modules文件
2 :重新执行npm install
3 :在尝试运行,npm run dev

还不行,气死了,重新换方法:

版本太高了:
在这里插入图片描述
解决办法:
sassloader版本过高导致的,回退7.×版本
npm uninstall sass-loader(卸载当前版本)
npm install sass-loader@7.3.1 --save-dev

并且遇到一个Cannot find module 'node-sass’的异常如下
在这里插入图片描述
解决办法:

1.通过淘宝镜像下载即可,然后配置淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org

2.最后下载
cnpm install node-sass --save

还不行,吐了
在这里插入图片描述
最后尝试:
node-sass 的版本问题,可能的一个原因是:因为版本太老所以会导致有的依赖项已经找不到了, 上面修改Node-sass的版本为4.12并不一定适合所有项目,可以多测试几个版本,如果上面的版本失败了可以试一试这个版本
"node-sass": "^4.13.1",

在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值