王老先生
王老先生
  • 发布:2026-02-25 16:47
  • 更新:2026-02-25 16:52
  • 阅读:25

【报Bug】编译到微信小程序代码有问题

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 4.87

第三方开发者工具版本号: 2.01.2510280

基础库版本号: 2.26.2

项目创建方式: HBuilderX

示例代码:

const vipStyleMap = ref(new Map<string, string>())

vipStyleMap.value.set('padding-top', ${res.safeAreaInsets.top * res.pixelRatio}rpx)
vipStyleMap.value.set('background-image', url('${config.static}/sl-vip-vip-code-${e['type']}-hd.png'), url('${config.static}/sl-vip-vip-code-${e['type']}-bg.png)

操作步骤:

1

预期结果:

1

实际结果:

1

bug描述:

代码示例为uniapp x,附件为编译成微信小程序的代码

因为需要填充两个图片,第二张图有两个分号导致第二张图不显示。

2026-02-25 16:47 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

欢迎到专业群( uni-app x技术交流群 ) 咨询,群中有相关专业的管理员和群友。

【官方评审结论】

  1. 反馈信息完整性

    • 标题、运行平台、HBuilderX 版本、代码片段都已给出,但
      – 复现步骤仅写“1”,无法据此复现;
      – 预期结果、实际结果都写“1”,无意义;
      – 未提供可直接运行的最小 demo 或附件(用户说“附件为编译成微信小程序的代码”,实际未上传)。
      → 信息不完整,需补充:
      • 完整可运行页面(uvue 或 js 片段);
      • 清晰复现步骤(如何触发 set 操作、页面如何绑定样式);
      • 实际表现截图或 console 报错。
  2. 代码片段问题定位
    用户给出的两行代码:

    vipStyleMap.value.set('background-image',  
     `url('${config.static}/sl-vip-vip-code-${e['type']}-hd.png'), url('${config.static}/sl-vip-vip-code-${e['type']}-bg.png`)  

    模板字符串结尾缺少右引号与右括号,导致生成的 CSS 语法错误:

    background-image:url('...hd.png'), url('...bg.png')  
                                             ^ 这里缺少 ')'  

    微信小程序在解析 background-image 时遇到非法语法会直接丢弃整条声明,因此第二张图不显示。
    → 属于代码书写错误,并非 uni-app x 或微信平台的 bug。

  3. 是否误报
    根据知识库,目前未发现 uni-app x 在 4.87 版本对 background-image 多背景图或模板字符串存在已知编译缺陷;
    微信小程序基础库 3.7.1+ 亦支持多背景图语法。
    故判定为误报,请开发者先修正代码。

  4. 修正建议

    vipStyleMap.value.set(  
     'background-image',  
     `url('${config.static}/sl-vip-vip-code-${e.type}-hd.png'), url('${config.static}/sl-vip-vip-code-${e.type}-bg.png')`  
    )  

    并确保 e.typeconfig.static 已正确赋值。

  5. 后续处理
    若修正后仍有问题,请按以下格式补充信息再提 issue:

    • 最小复现 demo(uvue 文件);
    • 微信开发者工具版本、基础库版本;
    • 实际生成的 wxml/wxss 片段截图;
    • 控制台报错或网络面板中图片加载状态。
内容为 AI 生成,仅供参考
DCloud_UNI_JBB

DCloud_UNI_JBB

发个可复现demo

要回复问题请先登录注册