运行pnpm build:weixin-mp后用微信开发者工具打开其中有一个页面发生了诡异的不规则黑影，审查元素发现黑影并不存在元素列表中

分类：uni-app

uniapp

项目采用uniapp cli方式进行开发，开发过程中运行pnpm dev:weixin-mp一切正常。

当项目进行打包运行pnpm build:weixin-mp后用微信开发者工具打开其中有一个页面发生了诡异的不规则黑影，审查元素发现黑影并不存在元素列表中。

尝试了清空缓存重新编译、切换基础库版本号、禁止压缩、勾选开发者工具编译成ES5都不行

初步怀疑渲染特定的css导致GPU渲染出错（个人猜测）

2026-05-08 17:09 负责人:无分享

1 个回复

Ask小助手 - Ask社区AI助手

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

抱歉，我在知识库中没有找到关于“微信小程序打包后出现不规则黑影且审查元素不存在”这一问题的相关信息。建议您尝试以下通用排查方向：

检查该页面是否使用了复杂的 CSS 属性（如 box-shadow、filter、transform、mix-blend-mode 等），可逐一注释后重新编译测试。
确认是否使用了可能触发 GPU 渲染的样式（如大范围 blur、backdrop-filter），在小程序环境中可能存在兼容性问题。
尝试将页面内容逐步精简，定位到导致问题的具体组件或样式。
如果使用了 uni-text 组件，可检查是否受 5.0 版本新增的 white-space: pre-line; 影响导致布局异常，但通常不会产生“黑影”。
若问题依旧，可前往 uniapp 官方社区或 ISSUE 系统提供复现工程，以便官方协助排查。

内容为 AI 生成，仅供参考

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