小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 当前 Bug 的表现(可附上截图)
真机上切换tabBar报错,导致页面无法渲染,处于空白状态。模拟器无报错。
- 复现路径
点击下方tabBar可复现。
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
已经定位到问题。请暂时不要在页面和自定义 tabbar 内共享同一个组件,我们之后会修复。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
同样的除了
一起出现的还有 some selectors are not allowed in component wxss, including tag name selectors,id selectors, and attribute selectors... 在安卓三星和oppo上出现。
组件对应 wxss 文件的样式,只对组件wxml内的节点生效。编写组件样式时,需要注意以下几点:
wxss
组件和引用组件的页面不能使用id选择器(#a)、属性选择器([a])和标签名选择器,请改用class选择器。
#a
[a]
组件和引用组件的页面中使用后代选择器(.a .b)在一些极端情况下会有非预期的表现,如遇,请避免使用。
.a .b
子元素选择器(.a>.b)只能用于 view 组件与其子节点之间,用于其他组件可能导致非预期的情况。
.a>.b
view
继承样式,如 font 、 color ,会从组件外继承到组件内。
font
color
除继承样式外, app.wxss 中的样式、组件所在页面的的样式对自定义组件无效(除非更改组件样式隔离选项)。
app.wxss
https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html
请参考。
我就是用了个他们官方示例的自定义tabbar。 选择器什么的 都没有用,我能保证,搜了下问题,官方好像说的是只是个警告
不要把custom-tab-bar当成组件写在页面上。就不会报错了。
应该是有哪里用了标签名选择器(可能是页面里面的自定义组件用了,@import 进来的也算)。不过这个只是个重警告,不会影响页面的逻辑。
你最后上线了么,能分享下怎么规避的么
其他机型会报错吗?
测试机型有限,目前使用了红米手机-Android4.4-微信版本7.0.3,荣耀畅玩6-Android6-微信版本7.0.3测试均会报错。iphone8未出现。
有啥解决方法吗?当前迭代等着上线。之前上线的版本也是这套代码没问题。
麻烦看下有问题的机型的基础库版本号。在 vConsole -> system -> WechatLib 可以找到。
荣耀v20-Android 9-微信版本 7.0.4-WechatLib 2.6.6
红米手机-Android4.4-微信版本7.0.3-WechatLib 2.6.6
荣耀畅玩6-Android6-微信版本7.0.3-WechatLib 2.6.6
目前已根据官方文档上提供的自定义tabBar的示例更换了实现方案。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
已经定位到问题。请暂时不要在页面和自定义 tabbar 内共享同一个组件,我们之后会修复。
同样的除了
webviewScriptError e.shift(...).apply
一起出现的还有 some selectors are not allowed in component wxss, including tag name selectors,id selectors, and attribute selectors... 在安卓三星和oppo上出现。
组件对应
wxss
文件的样式,只对组件wxml内的节点生效。编写组件样式时,需要注意以下几点:组件和引用组件的页面不能使用id选择器(
#a
)、属性选择器([a]
)和标签名选择器,请改用class选择器。组件和引用组件的页面中使用后代选择器(
.a .b
)在一些极端情况下会有非预期的表现,如遇,请避免使用。子元素选择器(
.a>.b
)只能用于view
组件与其子节点之间,用于其他组件可能导致非预期的情况。继承样式,如
font
、color
,会从组件外继承到组件内。除继承样式外,
app.wxss
中的样式、组件所在页面的的样式对自定义组件无效(除非更改组件样式隔离选项)。https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html
请参考。
我就是用了个他们官方示例的自定义tabbar。 选择器什么的 都没有用,我能保证,搜了下问题,官方好像说的是只是个警告
不要把custom-tab-bar当成组件写在页面上。就不会报错了。
应该是有哪里用了标签名选择器(可能是页面里面的自定义组件用了,@import 进来的也算)。不过这个只是个重警告,不会影响页面的逻辑。
你最后上线了么,能分享下怎么规避的么
其他机型会报错吗?
测试机型有限,目前使用了红米手机-Android4.4-微信版本7.0.3,荣耀畅玩6-Android6-微信版本7.0.3测试均会报错。iphone8未出现。
有啥解决方法吗?当前迭代等着上线。之前上线的版本也是这套代码没问题。
麻烦看下有问题的机型的基础库版本号。在 vConsole -> system -> WechatLib 可以找到。
荣耀v20-Android 9-微信版本 7.0.4-WechatLib 2.6.6
红米手机-Android4.4-微信版本7.0.3-WechatLib 2.6.6
荣耀畅玩6-Android6-微信版本7.0.3-WechatLib 2.6.6
目前已根据官方文档上提供的自定义tabBar的示例更换了实现方案。