2020-12-30 由于sass-loader版本导致的sass无法在vue 2.x版本内使用的问题

本文档详细记录了在Vue项目中遇到的Sass打包错误,包括path参数错误和Node Sass与sass-loader版本不兼容的问题。解决方案是修改`sass-loader`版本为7.3.1,并更新node-sass到4.14.1。遵循这些步骤可以避免类似异常,并建议在初始化项目时选择包含Sass的模板。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

The “path“ argument must be of type string. Received undefined vue

这是这个情况下反复报的异常内容

原因:这是vue项目(由vue-cli创建)引入sass后,打包项目出现的错误。这个错误是sass-loader版本造成的。

解决方案:在package.json中将 “sass-loader”:"^10.0.1"版本修改为"sass-loader": "^7.3.1",然后重新npm install。


上面问题解决,dev之后,会报如下错误

Node Sass version 5.0.0 is incompatible with ^4.0.0. 

 原因:这是node-sass版本和sass-loader不匹配造成的

 解决方案:

    卸载已安装版本 npm uninstall node-sass
    安装 npm install node-sass@4.14.1


至此,该异常已经完全解决。

 

建议:在使用cli搭架子的时候直接选用sass模版,不会出现类似异常

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

97pra

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值