微信小程序出现奇怪的渲染错误 framework inner error

351 阅读1分钟

有时候开发微信的时候使用模拟器开发没问题,但是打包体验版,到了部分真机里面会出现白屏现象,打开调试会发现里面报错 framework inner error 之类的错误,如下所示(不是所有手机都会复现哈,目前ios端出现了这个问题)

QQ_1730269779496.png

这类错误是怎么来的呢,经过调查时,如果不是自身组件写的有问题,大概率就是引用依赖组件的时候出现问题了,你可能是这么写的

//错误写法 usingComponents在后
{
  "navigationStyle": "custom",
  ......一系列导航信息
  "usingComponents": {
    "van-checkbox": "@vant/weapp/checkbox/index"
  }
}

只需要将依赖组件提前即可

//正确写法 usingComponents在前
{
  "usingComponents": {
    "van-checkbox": "@vant/weapp/checkbox/index"
  },
  "navigationStyle": "custom",
  ......一系列导航信息
}

此外还要删除掉 app.json 中的 lazyCodeLoading 懒加载,此效果也可能会导致组件重复渲染出现类似的错误

"lazyCodeLoading": "requiredComponents",

上面一般是分包中比较容易出现的问题,只有一个主包的情况下,基本不用担心

好了就说到这里了,如果恰好你遇到了这个问题,恭喜你要解决了,没有也可以预防哈😂