微信小程序: 问题汇总

5,426 阅读4分钟

Skyline 渲染引擎下处理兼容问题

Skyline 渲染引擎 / 从 WebView 迁移 / 常见兼容问题 (qq.com)

Skyline引擎渲染情况下,自定义tabBar显示异常? | 微信开放社区 (qq.com)

skyline渲染引擎,不支持使用原生导航栏,必须自定义

配置了原生导航栏会出现如下警告

由于 skyline 页面的 navigationStyle 是 custom,app.json 中的 window 配置 navigationStyle、navigationBarTextStyle、navigationBarTitleText、navigationBarBackgroundColor 是不生效的

skyline渲染引擎,不支持使用原生导航栏,如果配置了原生导航,会出现这个警告,skyline渲染引擎,必须使用自定义导航栏

image.png

Skyline 渲染引擎 / 支持与差异 / 基础组件 (qq.com)

[渲染层错误] [jsbridge] invoke loadComponents fail: too eayly.

解决方案一

调整基础库版本为次新版本

解决方案二

app.json中的"lazyCodeLoading": "requiredComponents"删除

解决方案三

这个问题可能只出现在首次编译的情况,发现这个问题之后,手动再编译一次即可

首次编译大概率出现invoke loadComponents fail错误 | 微信开放社区 (qq.com)

【微信小程序】[渲染层错误] [jsbridge] invoke getGlobalStorage fail: too eayly._invoke getglobalstorage fail: too eayly. error: in-CSDN博客

自定tabBar之后,tabBar宽高始终为0

这可能是由于你当前路由不是app.jsontabBar.list中配置的路由,微信小程序默认会进入pages的第一个路由,因此tabBar.list的第一个值与pages第一个值必须一致

position:fixed 无效时的解决方案

Skyline引擎渲染情况下,自定义tabBar显示异常? | 微信开放社区 (qq.com)

视图容器 / root-portal (qq.com)

[渲染层错误] [Component] <navigation-bar>: 只能是 <page-meta> 内的第一个节点,且不能被 wx:if 或 wx:for 动态变更

自定义导航组件,只能放在<page-meta>标签中

页面属性配置节点 / page-meta (qq.com)

导航栏 / navigation-bar (qq.com)

渲染层错误? | 微信开放社区 (qq.com)

Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.

意思很明确了,就是说组件样式不支持,标签选择器,id选择器和属性选择器。不使用这3种选择器即可。

微信小程序的样式隔离

探究微信小程序的样式隔离 - 掘金 (juejin.cn)

自定义组件 / 组件模板和样式 (qq.com)

[渲染层网络层错误] Failed to load font http://at.alicdn.com/...

该url在当前小程序后台未备案

解决方法:登录小程序后台,开发管理--开发设置--服务器域名,在download合法域名中添加你的字体url的域名(我加入的是at.alicdn.com),即可!

微信小程序怎么登录,如何正确登录微信小程序后台? | 微信开放社区 (qq.com)

微信小程序 [渲染层网络层错误] failed to load font-CSDN博客

自定义tab-bar之后,高亮不正确

自定义tab-bar的高亮无法在这个自定义组件中完成,只能在对应的路由组件中获取到tab-bar组件,然后更新tab-bar组件的选中索引号

image.png

自定义 tabbar 高亮错位? | 微信开放社区 (qq.com)

小程序自定义tabbar时切换页面和图标选中高亮对不上的问题_微信小程序tabbar高亮切换-CSDN博客

基础能力 / 自定义 tabBar (qq.com)

自定义tab-bar,tab切换时的闪烁问题

暂时还是无解。不想闪烁,就不能自定义tab-bar,要自定义tab-bar,就必然闪烁

小程序自定义tabbar并解决切换闪烁 - 掘金 (juejin.cn)

有时候flex失效如何解决?

视图容器 / root-portal (qq.com)

确认没有写错东西,但自定义组件引入报错: Component is not found

通过微信开发者工具新建 Component方式创建组件无此问题,通过VSCode或其他方式创建组件,就可能会出现这个问题

页面中引入自定义组件后,开发者工具总是报Component is not found in错误? | 微信开放社区 (qq.com)

微信小程序scroll-view组件设置 scroll-top无效问题解决

总结

  • scroll-top的初始值无效
  • 当前设置的scroll-top值与上次的scroll-top值一致,也无效(必须每次设置不同值才会生效)
  • scroll-view必须有高度

微信小程序scroll-view组件设置 scroll-top无效问题解决_scroll-view scroll-top-CSDN博客

scroll-top无效果 | 微信开放社区 (qq.com)

scroll-view 中scroll-top设置无效对问题 | 微信开放社区 (qq.com)

scroll-view组件scroll-top属性无效 | 微信开放社区 (qq.com)

scroll-view运行scroll-top无效 | 微信开放社区 (qq.com)

scrollViewContext.scrollTo 使用无效,不知道什么原因? | 微信开放社区 (qq.com)