uniapp在微信小程序端报错VM57:1 Some selectors are not allowed in component wxss

最新推荐文章于 2024-03-28 16:26:48 发布
最新推荐文章于 2024-03-28 16:26:48 发布
阅读量1.9k 收藏 1
点赞数
文章标签： 小程序 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42447084/article/details/106117118
版权

首先，会出现uniapp控制台没报错，但微信小程序存在报错且真机运行存在问题

这时候应该去看看报错信息中对应的页面的样式文件导入区

进入所导入的样式文件，查找是否存在id选择器【#】，或者属性选择器【[]】,做出修改甚至删除

原因：微信小程序不允许导入外部样式文件中存在id选择器【#】和属性选择器【[]】

尘世一居士
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
testcafe-aurelia-selectors:适用于Aurelia应用程序的TesCafe选择器扩展
05-28
该插件提供选择器扩展，使使用轻松测试Aurelia应用程序。 这些扩展允许您以Aurelia固有的方式选择页面元素。 安装 npm install testcafe-aurelia-selectors 选择器扩展 按值绑定 选择其value属性绑定到指定表达式的...
uni-app Some selectors are not allowed in component wxss解决方案
xuelang532777032的博客
02-22 2252
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
K8001的专栏
11-19 2万+
解决小程序开发过程中遇到的：[渲染层错误] 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, and at
最新发布
古猿写代码
03-28 1461
它支持类选择器、样式选择器、属性选择器、伪类选择器等，但不支持标签名选择器和ID选择器。这是由于微信小程序本身的限制，其设计原则上鼓励开发者使用类名来管理样式，而不是依赖于元素的标签名或ID。所以，如果你在 wxss 中使用了标签名选择器或ID选择器，你会收到一个错误信息，提示你这些选择器是不被允许的。你遇到的问题是在微信小程序的组件样式（wxss）中，有一些选择器是不被允许的，包括标签名选择器、ID选择器。如果需要针对特定元素应用样式，可以添加一个独特的类名，然后在 wxss 中使用这个类名作为选择器。
微信开发者工具Some selectors are not allowed in component wxss警告报错
weixin_47681230的博客
12-05 1万+
微信开发者工具Some selectors are not allowed in component wxss警告报错 这警告的意思是“wxss组件中不允许使用某些选择器，包括标记名选择器、ID选择器和属性选择器。” 而在微信小程序开发文档中提到“子元素选择器（.a>.b）只能用于 view 组件与其子节点之间” 看一下报错所提示的位置：./components/compA/comp-a.wxss 报错代码如下： .comp-a{ font-size: 25px; } .comp-a &g
ember-test-selectors：在Ember.js测试中启用更好的元素选择器
02-04
在测试中启用更好的元素选择器 产品特点 从用于生产构建的模板中HTML标签和组件/帮助程序调用中删除以data-test-开头的属性 从您的JS对象中删除以data-test-开头的属性，例如用于生产构建的组件类 在所有组件上自动...
testcafe-react-selectors：用于React应用程序的TestCafe选择器扩展
02-06
等待应用程序准备运行测试 要等到React的组件树被加载后，将waitForReact方法添加到waitForReact的beforeEach挂钩中。 import { waitForReact } from 'testcafe-react-selectors' ; fixture `App tests` . page ( ...
testcafe-angular-selectors:Angular应用程序的TestCafe选择器扩展
05-28
这些扩展允许您创建一个Selector ，以Angular应用程序固有的方式在页面上查找元素。 安装 npm install testcafe-angular-selectors 用法 该模块包括用于Angular和AngularJS应用程序的单独的帮助器。 有关更多详细...
node-rename-css-selectors::memo:重命名文件中CSS类和ID
05-07
在使用rename-css-selectors处理它之后执行此操作此模块重命名给定文件中的所有CSS选择器。 它将从给定CSS文件中收集所有选择器。 不必担心选择器， rcs会为您完成选择。 你也可以使用一个配置文件与组合和 ，如果...
Some selectors are not allowed in component wxss, including tag name selectors, ID selectors,and...
川川的博客
01-17 4758
我出现这个问题的原因是在组件的样式中使用了button { } 这个异常的原因是 解决方法 在组件的Component中添加 options: { addGlobalClass: true, }, 然后将组件中出现问题的样式剪切到使用该组件的page的样式中，我出现问题的样式是button { } 警告就解除了。 设置addGlobalClass: true 或者apply-shared 表示页面 wxss 样式将影响到自定义组件，但自定义组件 wxss 中指定的样式不会影响页面 .
微信小程序警告：Some selectors are not allowed in component wxss, including tag name selectors, ID selectors
zero___1的博客
07-22 6537
小程序警告： Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors 解决办法：把组件中的wxss的标签选择器（text）和id（#id）全部换成属性选择器（.class）
【小程序】微信开发者工具警告：Some selectors are not allowed in component wxss
fanxin12138的博客
10-18 3977
微信小程序组件wxss中不允许使用某些选择器，包括标签选择器、ID选择器和属性选择器等。
解决前端项目问题，uniapp运行微信开发工具小程序，出现× initialize报错，以及浏览器无法运行
热门推荐
意初的博客
07-28 2万+
新手刚接触uniapp进行小程序以及多端web页面都不知道如何配置讲项目运行起来。 就会报出无法运行错误。 [微信小程序开发者工具] - initialize [微信小程序开发者工具] [微信小程序开发者工具] × IDE may already started at port 54342, trying to connect这是因为没有配置好安全设置和运行设置。一，配置安全设置，①打开微信开发工具，点击设置，如图③关闭设置自动保存，接着在Hbuilderx进行运行配置 二、运行配置 ①打开hbuild
uniapp运行支付宝小程序运行时报错
zilvzsy的博客
05-14 2738
记笔记，免忘记！ 微信小程序运行正常问题如下： 这个问题出现的原因就是，自定义组件并不用在page.json这个页面中进行注册。别粗心的 删除pages.json页面中的上图这种注册，就ok了。
uniapp 微信小程序 控制台警告和错误处理
辰风沐阳
10-03 4081
文章目录1. 警告2. 错误 1. 警告 微信小程序默认开启了索引功能，但是因为我们没有配置索引策略，导致出现了这么一个警告 解决这个警告也非常简单，因为一般情况项目不需要被微信索引，所以我们只需要关闭默认索引功能即可 [sitemap 索引情况提示] 根据 sitemap 的规则[0]，当前页面 [pages/hot/hot] 将被索引 双击 manifest.json, 以源码视图打开, 在 mp-weixin.setting 中添加 "checkSiteMap": false "mp-weixin
微信小程序和uni-app报错
小火车况且况且况且的博客
12-31 708
微信小程序和uni-app报错 Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.(./components/tabbar/index/index-list.wxss:122:38) at app-view.js:...
[pages/index/signature] Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors
03-24
这是一个关于微信小程序组件 wxss 中不允许使用某些选择器的问题。这可能是因为微信小程序的安全限制，以确保组件的样式不会影响到其他页面或组件。为了解决这个问题，您可以使用 class 选择器来代替 ID 选择器和属性选择器，或者使用外部样式表来定义组件的样式。如果您需要更多关于微信小程序组件 wxss 的信息，可以查看微信小程序官方文档。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值