HbuildX中uniapp引入vant出现的报错:Module build failed (from ./node_modules/postcss-loader/src/index.js)……

报错原因:

 CSS 文件中有一个未闭合的括号。

解决方式:

把你的vant文件夹下的icon文件夹里的index.wxss替换成如下内容即可。

@import '../common/index.wxss'; .van-icon { text-rendering: auto; -webkit-font-smoothing: antialiased; font: normal normal normal 14px/1 vant-icon; font: normal normal normal 14px/1 var(--van-icon-font-family,"vant-icon"); font-size: inherit; position: relative; } .van-icon, .van-icon:before { display: inline-block; } .van-icon-contact:before { content: "\e753"; } /* 其他图标样式省略 */ .van-icon-envelop-o:before { content: "\e6ae"; } @font-face { font-display: auto; font-family: vant-icon; font-style: normal; font-weight: 400; src: url(//at.alicdn.com/t/c/font_2553510_kfwma2yq1rs.woff2?t=1694918397022) format("woff2"), url(//at.alicdn.com/t/c/font_2553510_kfwma2yq1rs.woff?t=1694918397022) format("woff"); } :host { align-items: center; display: inline-flex; justify-content: center; } .van-icon--custom { position: relative; } .van-icon--image { height: 1em; width: 1em; } .van-icon__image { height: 100%; width: 100%; } .van-icon__info { z-index: 1; }

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值