解决:Some selectors are not allowed in component wxss, including tag name selectors, ID selectors

这篇具有很好参考价值的文章主要介绍了解决:Some selectors are not allowed in component wxss, including tag name selectors, ID selectors。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在微信开发工具中运行文档中的代码,出现如下错误:

 [渲染层错误] Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.(./custom-tab-bar/index.wxss:36:15)(env: Windows,mp,1.06.2210310; lib: 2.5.0)

出现原因:随着小程序的发展,文档中原来的写法已经不受支持。官方文档也建议不再使用某些tag而换成新的写法。

解决方法:

第一步,把wxml文件里面要使用wxss的element都赋予一个类名

<cover-image src="{{selected === index ? item.selectedIconPath : item.iconPath}}"></cover-image>

改成

<cover-image class="tab-bar-item-image" src="{{selected === index ? item.selectedIconPath : item.iconPath}}"></cover-image>

 第二步,打开相应wxss文件,把里面的这种写法“.tab-bar-item cover-image”改成类名““.tab-bar-item-image””

如此这般把所有要用到wxss里面条目的element都改了。

第三步,把wxml文件中过时的“cover-view”和“cover-image”全部改成“view”和“image”。文章来源地址https://www.toymoban.com/news/detail-518805.html

到了这里,关于解决:Some selectors are not allowed in component wxss, including tag name selectors, ID selectors的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包