Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

自定义组件几率性渲染错误 #1334

Closed
he426100 opened this issue Feb 20, 2020 · 11 comments
Closed

自定义组件几率性渲染错误 #1334

he426100 opened this issue Feb 20, 2020 · 11 comments

Comments

@he426100
Copy link

he426100 commented Feb 20, 2020

问题描述
自定义组件几率性渲染错误,一会正常,一会不正常

复现步骤
[复现问题的步骤]

  1. 启动 正常
  2. 再次启动 异常
  3. ...

预期结果
每次都正常

实际结果
随机异常

系统信息:

  • 发行平台: app
  • 操作系统 Android 7.0
  • HBuilderX版本 [2.5.1, 2.5.11]
  • uni-app版本 v3
  • 设备信息 [夜神模拟器安卓5、夜神模拟器安卓7、华为p30 pro]

补充信息
自定义了两个组件,一个flex-row,一个flex-col
模板代码分别如下

<template>
    <view
      :style="style"
      :class="classes"
    >
      <slot></slot>
    </view>
</template>
<template>
    <view :class="classes" :style="style">
      <slot></slot>
    </view>
</template>

点此查看组件源码

在App首页使用

<flex-row justify="space-between" gutter="10" wrap class="plr38">
          <flex-col :span="12" v-for="(item, index) in newProjects" :key="index">
          </flex-col>
</flex-row>

h5上完全正常,App上一会正常一会不正常,不正常的表现在我查看元素时发现有的区域flex-col变成了flex-row,有的区域flex-row消失了,某一次打开APp是正常的,重启一次它就可能不正常了,包括打包出来正式版本的App装到手机上都是这样。
hbx 2.5.1正式版 跟 2.5.11 alpha 版都这样。
我在项目中大量使用了这两个组件(flex布局),目前只发现首页是异常的。
去除组件,改回view.class形式就完全正常了,可以确定flex布局本身毫无问题,就是组件渲染的时候出错了,渲染出错就导致了样式紊乱

@fxy060608
Copy link
Collaborator

可以发一个重现的demo工程
描述下测试步骤
截图说明错误内容

@he426100
Copy link
Author

又出来一个新的BUG
<block 1><my-component/></block> <block 2><my-component/></block> <block 3><my-component/></block>
block指的是一个页面中不同的区域
只有1 的时候正常,加上2和3异常(概率性),异常指的是my-component的内容变成了 undefined,控制台疯狂报错:

my-component.vue: [8427c72c]$r[47][sc] is undefined at view.umd.min.js:1
my-component.vue: [8427c72c]$r[47][v-model] is undefined at view.umd.min.js:1
...

这个新的错误是在我把页面不同区域的内容(结构相似)整合为组件后出现的,新错误出来后老错误不出现了。

demo我还在弄,概率性的问题不好整,单独弄一个页面出来他又不出错

@he426100
Copy link
Author

发一个群里的聊天记录,我们两出错的原因不同,但是表现差不多

我首页隔很久打开 循环的数据也是出现undefined

1
2

@fxy060608
Copy link
Collaborator

已处理过类似Bug,8b89204
需要demo验证一下是否是同一问题

@he426100
Copy link
Author

  • demo 和 截图

uni-vant.zip
正常
异常

@fxy060608
Copy link
Collaborator

基本确认该问题就是之前修复过的。预计下个Alpha版本会带上

@he426100
Copy link
Author

两个问题都是吗? 我在demo上把第一个错误也重现了(反复启动)
9L7{KT}264OZ 355R4UN95I

@fxy060608
Copy link
Collaborator

两个问题都是吗? 我在demo上把第一个错误也重现了(反复启动)
9L7{KT}264OZ 355R4UN95I

应该是同一个Bug导致的,我这里修复后,不停重启,没发现排版异常和undefined错误了

@he426100
Copy link
Author

好的,谢谢

@dcloudhdx
Copy link
Contributor

HBuilderX 2.6.3+ 已修复

@he426100
Copy link
Author

he426100 commented Mar 6, 2020

实测已修复

@he426100 he426100 closed this as completed Mar 6, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants