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

【重要】Taro 3.6.x 版本添加属性 enablePullDownRefresh 为 true 时,页面报错栈溢出阻塞页面渲染,导致白屏。 #14869

Closed
beezen opened this issue Nov 23, 2023 · 3 comments · Fixed by #15047
Labels
A-components Area - H5 组件库相关 F-vue2 Framework - Vue 2 T-h5 Target - 编译到 H5 V-3 Version - 3.x

Comments

@beezen
Copy link
Contributor

beezen commented Nov 23, 2023

相关平台

H5

浏览器版本: chrome
使用框架: Vue 2

复现步骤

1、初始化Taro 3.6.x vue2 项目。
2、app.config.js 的 window 配置添加 enablePullDownRefresh:true
3、npm run dev:h5 页面报错
image

期望结果

页面不报错

实际结果

页面报错,阻塞渲染

环境信息

Taro CLI 3.6.19 environment info:
    System:
      OS: macOS 12.6
      Shell: 5.8.1 - /bin/zsh
    Binaries:
      Node: 16.14.0 - ~/.nvm/versions/node/v16.14.0/bin/node
      Yarn: 1.22.19 - /usr/local/bin/yarn
      npm: 8.3.1 - ~/.nvm/versions/node/v16.14.0/bin/npm
    npmPackages:
      @tarojs/cli: 3.6.19 => 3.6.19 
      @tarojs/components: 3.6.19 => 3.6.19 
      @tarojs/helper: 3.6.19 => 3.6.19 
      @tarojs/plugin-framework-vue2: 3.6.19 => 3.6.19 
      @tarojs/plugin-platform-alipay: 3.6.19 => 3.6.19 
      @tarojs/plugin-platform-h5: 3.6.19 => 3.6.19 
      @tarojs/plugin-platform-jd: 3.6.19 => 3.6.19 
      @tarojs/plugin-platform-qq: 3.6.19 => 3.6.19 
      @tarojs/plugin-platform-swan: 3.6.19 => 3.6.19 
      @tarojs/plugin-platform-tt: 3.6.19 => 3.6.19 
      @tarojs/plugin-platform-weapp: 3.6.19 => 3.6.19 
      @tarojs/runtime: 3.6.19 => 3.6.19 
      @tarojs/shared: 3.6.19 => 3.6.19 
      @tarojs/taro: 3.6.19 => 3.6.19 
      @tarojs/taro-loader: 3.6.19 => 3.6.19 
      @tarojs/webpack5-runner: 3.6.19 => 3.6.19 
      babel-preset-taro: 3.6.19 => 3.6.19 
      eslint-config-taro: 3.6.19 => 3.6.19 
@taro-bot2 taro-bot2 bot added F-vue2 Framework - Vue 2 T-h5 Target - 编译到 H5 V-3 Version - 3.x labels Nov 23, 2023
@beezen beezen changed the title Taro 3.6.x 版本添加属性 enablePullDownRefresh 为 true 时,页面报错栈溢出阻塞页面渲染。 【重要】Taro 3.6.x 版本添加属性 enablePullDownRefresh 为 true 时,页面报错栈溢出阻塞页面渲染,导致白屏。 Nov 23, 2023
@ZakaryCode
Copy link
Contributor

ZakaryCode commented Nov 27, 2023

简单验证了下,确实存在该问题,猜测是 taro-pull-to-refresh 组件注册失败导致 vue2 递归注册导致,详细原因需要进一步排查

考虑到 vue2 维护生命周期即将截止,建议尽快升级到 vue3 版本

@ZakaryCode ZakaryCode added the A-components Area - H5 组件库相关 label Nov 27, 2023
@beezen
Copy link
Contributor Author

beezen commented Dec 1, 2023

@ZakaryCode 现阶段项目就卡在这个问题上了 看看大概什么时间能帮忙修复一下 之前看了一下逻辑没找到解决办法

@ZakaryCode
Copy link
Contributor

fixed in #14992

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A-components Area - H5 组件库相关 F-vue2 Framework - Vue 2 T-h5 Target - 编译到 H5 V-3 Version - 3.x
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

2 participants