【已解决】记录部分手机/pc小程序打开白屏,各个tab也都是白屏的记录
发布于 3 年前 作者 maqiang 3591 次浏览 来自 分享

小程序发布后发现了部分手机完全白屏,只显示底部tab,抓包发现没有进行任何请求,在微信开发工具里面无任何错误,如下图

我这里两台手机,三个微信都正常打开,真机测试也没问题,可是部分客户总是白屏,影响用户体验,后来发现自己pc的小程序是空白,然后真机测试用的是pc微信,然后发现是空白,然后有一个大概的报错是,“字面的意思是Component/ynamiclist/ynamiclis这个找不到,在Component/ProductList/ProductList这个里面用的时候” 但是整个插件位置都正常,引入也没问题,但是感觉总是插件的问题,可能部分版本注册的时候过不去,所以无法显示,后来经过排查微信开发工具那些不报错的错误,还是真是和插件有关,发现一个这样的和插件有关的信息“the type of property “article” is illegal (when preparing behavior “pages/camp/ProductDetails/Component/DetailsIn” 意思是我article的定义有问题,这个错误级别很低,完全可以忽略的,但是问题就在这里,我是这样定义的

  properties: {
    article:{
      pic:String,
      price:Number,
      title:String,
    }
  }

实际这个插件就用到这三个字段,我就简单的认为这样没问题,其实问题就出现在这里,我把所有的定义都改了一边 如下

  properties: {
    article:{
       type:Object,
    }
  },

如果不是单一数据,是数组的话这样定义

properties: {
    ynamiclist:{
      type:Array,
    }
  }

然后上传提交体验,发布 目前我这里电脑打开是正常显示了,客户那边明天再去确认

最后说明 :引起白屏的问题有很多,我这个只是其中一个,经过百度发现有说setdata太多的,有说插件定位不对的(如果不对不光是个别报错),又说是插件新建成page的(我这里确实有新建page当插件的,但是我这边不是这个原因),还有很多可能,总之只能碰运气了

回到顶部