微信开发者工具Some selectors are not allowed in component wxss警告报错

最新推荐文章于 2024-07-13 17:28:22 发布
最新推荐文章于 2024-07-13 17:28:22 发布
阅读量1.4w 收藏 10
点赞数 4
文章标签： 微信 微信小程序 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_47681230/article/details/121730378
版权
本文介绍了在微信开发者工具中遇到'Some selectors are not allowed in component wxss'警告的问题，详细解析了错误原因及微信小程序关于选择器的限制。通过分析报错代码，尝试了修改选择器、更换调试基础库等方法，最终通过添加额外属性解决了警告，并保持了样式效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

微信开发者工具Some selectors are not allowed in component wxss警告报错在这里插入图片描述

这警告的意思是“wxss组件中不允许使用某些选择器，包括标记名选择器、ID选择器和属性选择器。”

而在微信小程序开发文档中提到“子元素选择器（.a>.b）只能用于 view 组件与其子节点之间”
在这里插入图片描述

看一下报错所提示的位置：./components/compA/comp-a.wxss
报错代码如下：

.comp-a{
   
    font-size: 25px
最低0.47元/天 解锁文章
萧鸣落叶
关注
微信小程序中组件被引用到页面中，修改组件中的样式，修改组件中vantUI组件的样式
番茄Salad
08-15 1235
在组件的js文件中将wxml中需要修改的标签class暴露出来，然后在引用组件时对暴露出来的class进行class覆盖；在组件wxml中找到要修改的标签
解决：Some selectors are not allowed in component wxss, including tag name selectors, ID selectors
倚楼听风雨的博客
11-22 1万+
微信小程序中的 wxss 文件主要用于定义组件的样式。它支持类选择器、样式选择器、属性选择器、伪类选择器等，但不支持标签名选择器和ID选择器。这是由于微信小程序本身的限制，其设计原则上鼓励开发者使用类名来管理样式，而不是依赖于元素的标签名或ID。所以，如果你在 wxss 中使用了标签名选择器或ID选择器，你会收到一个错误信息，提示你这些选择器是不被允许的。你遇到的问题是在微信小程序的组件样式（wxss）中，有一些选择器是不被允许的，包括标签名选择器、ID选择器。/*更正后的代码*/
Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and at
weixin_44166849的博客
07-13 3489
微信小程序项目报错：Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.
解决Some selectors are not allowed in component wxss, including tag name selectors, ID selectors,
YG_b215的博客
12-19 776
报错Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.(./components/registration/registration.wxss:4:1)同时组件和引用组件中也不能用属性选择器和标签名选择器，后代选择器会有非预期表现，请避免使用。为了减少问题，建议大家使用一直使用class类选择器。
小程序自定义组件报错：Some selectors are not allowed in component wxss, including tag name selectors...
热门推荐
lizhongyang21的博客
10-15 4万+
VM3564:1 Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.(./components/componentLabel/index.wxss:3:1)This wxss file is ignored. 以...
为什么在HBuilderX预览中正常显示的组件到微信开发者工具上就不能正常显示还报错Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.
06-06
在微信开发者工具中，组件的wxss文件中不能使用标签名选择器、ID选择器和属性选择器，否则会报错，而在HBuilderX预览中可能会正常显示，但实际上也是不符合规范的。因此，建议在编写组件样式时，尽量避免使用这些...
Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute uview-ui
最新发布
04-02
当遇到 `Some selectors are not allowed in component wxss` 错误时，可以采取以下措施来解决： #### 方法一：启用全局样式支持 通过设置选项 `options: { addGlobalClass: true }` 来开启全局样式的引入功能。这...
在使用uview组件时微信开发者工具总是会警告Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.(./uni_modules/uview-ui/components/u-list-item/u-list-item.wxss:1:1)像这样类似十多个警告,并且在模拟器上那个还看不到使用的组件怎么办
06-09
这个警告是因为微信小程序不允许在组件的wxss中使用标签名选择器、ID选择器和属性选择器等。这些选择器只能在页面的wxss中使用。您可以尝试在页面的wxss中定义这些选择器，然后再在组件中引用。 关于在模拟器上看不...
【小程序】微信开发者工具警告：Some selectors are not allowed in component wxss
fanxin12138的博客
10-18 4813
微信小程序组件wxss中不允许使用某些选择器，包括标签选择器、ID选择器和属性选择器等。
Some selectors are not allowed in component wxss, including tag name selectors, ID selectors,and...
川川的博客
01-17 5503
我出现这个问题的原因是在组件的样式中使用了button { } 这个异常的原因是 解决方法 在组件的Component中添加 options: { addGlobalClass: true, }, 然后将组件中出现问题的样式剪切到使用该组件的page的样式中，我出现问题的样式是button { } 警告就解除了。 设置addGlobalClass: true 或者apply-shared 表示页面 wxss 样式将影响到自定义组件，但自定义组件 wxss 中指定的样式不会影响页面 .
微信小程序 组件引用wxss样式错乱，Some selectors are not allowed in component wxss, including tag name selectors, I
xyphf的博客
05-09 3万+
今天做微信小程序，在组件引用过程中出现了样式错乱，在没引用之前都是好好的。 只见有这样的警告： Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors. 找了好久，百度了一圈，最终还是看官方文档吧，原来是版本太...
微信小程序警告：Some selectors are not allowed in component wxss, including tag name selectors, ID selectors
zero___1的博客
07-22 6813
小程序警告： Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors 解决办法：把组件中的wxss的标签选择器（text）和id（#id）全部换成属性选择器（.class）
[pages/index/index] Some selectors are not allowed in component wxss, including tag name selectors,
weixin_62918410的博客
11-20 4245
组件和引用组件的页面不能使用 id 选择器（#a）、属性选择器（[a]）和标签名选择器，应改用 class 选择器。
uni-app Some selectors are not allowed in component wxss解决方案
xuelang532777032的博客
02-22 2885
1、组件和引用组件的页面不能使用 id 选择器（#a）、属性选择器（[a]）和标签名选择器，请改用 class 选择器。5、除继承样式外， app.wxss 中的样式、组件所在页面的的样式对自定义组件无效（除非更改组件样式隔离选项）。2、组件和引用组件的页面中使用后代选择器（.a .b）在一些极端情况下会有非预期的表现，如遇，请避免使用。3、子元素选择器（.a>.b）只能用于 view 组件与其子节点之间，用于其他组件可能导致非预期的情况。组件对应 wxss 文件的样式，只对组件 wxml 内的节点生效。
Some selectors are not allowed in component wxss, including tag name selectors, ID selectors,
RubyLinT的博客
10-25 6169
Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.(路径)This wxss file is ignored. 这个提示是组件里样式使用问题 组件和引用组件的页面不能使用id选择器（#a）、属性选择器（[a]...
uniapp在微信小程序端报错VM57:1 Some selectors are not allowed in component wxss
weixin_42447084的博客
05-14 2090
首先，会出现uniapp控制台没报错，但微信小程序存在报错且真机运行存在问题 这时候应该去看看报错信息中对应的页面的样式文件导入区 进入所导入的样式文件，查找是否存在id选择器【#】，或者属性选择器【[]】,做出修改甚至删除 原因：微信小程序不允许导入外部样式文件中存在id选择器【#】和属性选择器【[]】 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值