微信小程序sass不编译怎么办_【报Bug】编译至微信小程序,scss报错

在使用HbuilderX 2.9.7版本进行微信小程序开发时,遇到Sass代码编译失败的问题。错误显示为Module build failed,源于postcss-loader。问题出现在含有`@for`循环的Sass代码行,导致编译报错。开发者尝试运行或发行到微信小程序时,预期能正常运行,但实际出现了异常。
摘要由CSDN通过智能技术生成

产品分类:

HbuilderX

PC开发环境操作系统:

Windows

PC开发环境操作系统版本号:

windows10

HBuilderX类型:

正式

HBuilderX版本号:

2.9.7

示例代码:

$spacing:12rpx;

@for $i from 0 through 5 {

@if $i == 0{

.p-#{$i} {padding: $spacing * $i !important;}

.pt-#{$i},.py-#{$i} {padding-top: $spacing * $i !important;}

.pb-#{$i},.py-#{$i} {padding-bottom: $spacing * $i !important;}

.pl-#{$i},.px-#{$i} {padding-left: $spacing * $i !important;}

.pr-#{$i},.px-#{$i} {padding-right: $spacing * $i !important;}

}@else{

.p-#{$i} {padding: $spacing * $i;}

.pt-#{$i},.py-#{$i} {padding-top: $spacing * $i;}

.pb-#{$i},.py-#{$i} {padding-bottom: $spacing * $i;}

.pl-#{$i},.px-#{$i} {padding-left: $spacing * $i;}

.pr-#{$i},.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值