报错原因:
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; }