taro 多个page,使用自定义组合式函数(自定义hooks),运行白屏,无页面结构,无报错

o4hqfura  于 4个月前  发布在  其他
关注(0)|答案(5)|浏览(67)

相关平台

微信小程序

小程序基础库: 2.31.0
使用框架: Vue 3

复现步骤

分别建2个pages(使用 ),然后再src/hooks下面自定义导出一个useXXX的方法,在两个pages同时使用这个hook,运行,界面白屏,无法渲染出结构。
单个page使用可以正常显示。

期望结果

显示正常

实际结果

白屏,无页面结构

环境信息

Taro v3.6.6

  Taro CLI 3.6.6 environment info:
    System:
      OS: Windows 10 10.0.22621
    Binaries:
      Node: 16.13.0 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.19 - ~\npm_global\yarn.CMD
      npm: 8.1.0 - C:\Program Files\nodejs\npm.CMD
    npmPackages:
      @tarojs/cli: 3.6.6 => 3.6.6 
      @tarojs/components: 3.6.6 => 3.6.6 
      @tarojs/helper: 3.6.6 => 3.6.6
      @tarojs/plugin-framework-vue3: 3.6.6 => 3.6.6
      @tarojs/plugin-html: 3.6.6 => 3.6.6
      @tarojs/plugin-platform-alipay: 3.6.6 => 3.6.6
      @tarojs/plugin-platform-h5: 3.6.6 => 3.6.6
      @tarojs/plugin-platform-jd: 3.6.6 => 3.6.6
      @tarojs/plugin-platform-qq: 3.6.6 => 3.6.6
      @tarojs/plugin-platform-swan: 3.6.6 => 3.6.6
      @tarojs/plugin-platform-tt: 3.6.6 => 3.6.6
      @tarojs/plugin-platform-weapp: 3.6.6 => 3.6.6
      @tarojs/runtime: 3.6.6 => 3.6.6
      @tarojs/shared: 3.6.6 => 3.6.6
      @tarojs/taro: 3.6.6 => 3.6.6
      @tarojs/webpack5-runner: 3.6.6 => 3.6.6
      babel-preset-taro: 3.6.6 => 3.6.6
      eslint-config-taro: 3.6.6 => 3.6.6
7kqas0il

7kqas0il1#

补充,使用的是nut-ui模板,最终发现原因是使用unplugin-vue-components自动按需引入的webpack插件出现的问题

w8ntj3qf

w8ntj3qf2#

@ruixiaozi 麻烦提供一下 demo

w8ntj3qf

w8ntj3qf3#

有解决方案了吗 遇到同样的问题 偶尔进入页面白屏 目前只在苹果手机上遇到

goqiplq2

goqiplq24#

见鬼了. 还真是 自动引入的 的问题
是unplugin-auto-import 不是 unplugin-vue-components
去掉 pinia autoImport就好了... 刚 上手taro 就给我当头一棒. 搞了半天

acruukt9

acruukt95#

同样在vue3 tsx中使用自定义hook,页面出现白屏,没有dom节点,复现项目: https://github.com/ihengshuai/taro-vue3-skeleton 路径 pages/main/me/index

相关问题