王老先生

发布：2026-02-25 16:47
更新：2026-02-25 16:52
阅读：25

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

分类：uni-app

bug反馈

产品分类： 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 负责人:无分享

2 个回复

Ask小助手

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

【官方评审结论】

反馈信息完整性
- 标题、运行平台、HBuilderX 版本、代码片段都已给出，但
  – 复现步骤仅写“1”，无法据此复现；
  – 预期结果、实际结果都写“1”，无意义；
  – 未提供可直接运行的最小 demo 或附件（用户说“附件为编译成微信小程序的代码”，实际未上传）。
  → 信息不完整，需补充：
  • 完整可运行页面（uvue 或 js 片段）；
  • 清晰复现步骤（如何触发 set 操作、页面如何绑定样式）；
  • 实际表现截图或 console 报错。
代码片段问题定位
用户给出的两行代码：
```
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。
是否误报
根据知识库，目前未发现 uni-app x 在 4.87 版本对 background-image 多背景图或模板字符串存在已知编译缺陷；
微信小程序基础库 3.7.1+ 亦支持多背景图语法。
故判定为误报，请开发者先修正代码。

修正建议

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.type、config.static 已正确赋值。

后续处理
若修正后仍有问题，请按以下格式补充信息再提 issue：
- 最小复现 demo（uvue 文件）；
- 微信开发者工具版本、基础库版本；
- 实际生成的 wxml/wxss 片段截图；
- 控制台报错或网络面板中图片加载状态。

内容为 AI 生成，仅供参考

DCloud_UNI_JBB

发个可复现demo

2026-02-25 16:52 分享

要回复问题请先登录或注册

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

操作步骤：

1

预期结果：

1

实际结果：

1

bug描述：

2 个回复

公告

相关问题

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

操作步骤： 1

预期结果： 1

实际结果： 1

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

操作步骤：

1

预期结果：

1

实际结果：

1