Expected class selector “.menuChildMall“ to be kebab-case报错原因

已于 2024-09-24 09:22:48 修改
阅读量1.3k 收藏
点赞数 2
文章标签： react.js
于 2024-02-20 18:56:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunzhen15896/article/details/136196766
版权
当使用stylelint格式化CSS文件时遇到错误，原因是CSS类名缺少了-分隔符。修正方法是将类名改为.menu-child-mall形式。

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

![在这里插入图片描述](https://img-blog.csdnimg.cn/dire在这里插入图片描述

使用stylelint格式化css文件时候报上述错误：
原因： css类名未使用-分隔符
将类名修改为：
.menu-child-mall形式即可

cat10month
关注
【前端代码校验规则】Eslint、Stylelint、Prettier、lint-staged、husky、commitlint
zywhccyw的博客
09-05 5474
【前端代码校验规则】Eslint、Stylelint、Prettier、lint-staged、husky、commitlint
stylelint 接入实战踩坑总结
厦门在乎科技
11-05 5624
前言 团队合作时，当每个人的代码都拥有自定义的格式化方式时，在提交merge的时候往往要解决很多冲突，此时我们可以使用eslint+stylelint来对团队的代码进行约束。 eslint的配置引入比较简单，网上有比较多的教程，而stylelint的教程大多语焉不详。在这里，我会介绍一下我在引入stylelint所遇到的坑，以及解决方法。 正文 stylelint是一个强大的，现代的代码检查工具，可以帮助你在团队合作中强制执行样式约定。 1. 安装stylelint yarn add -D s
Vue项目中根目录，规则文件配置详解
m0_45116831的博客
08-23 2479
3、前端文件过滤的工具Lint-staged，对于较大型的项目，文件众多，首先遇到的就是性能问题，虽然如Eslint之类的也有文件过滤配置，但毕竟还是对于匹配文件的全量遍历，如全量的.js文件，基本达不到性能要求，有时还会误格式化其他同学的代码，因此我们引入Lint-staged，一个仅仅过滤出Git代码暂存区文件(被committed的文件)的工具。5、ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。
kebab-case:将字符串转换为kebab-case，即用破折号分隔的形式
05-07
烤肉串 将字符串转换为kebab-case，即用破折号分隔的形式 kebab-case和例如之间的区别在于，除了将大写字母转换为以-开头的小写字母外，该模块不会以任何其他方式修改字符串。 由于这个原因，还有一个函数可以执行相反的操作，即取回原始值。 这在用于将JavaScript CSS属性转换为与其对应CSS，而不会丢失可能的浏览器前缀，例如： WebkitTransform -> -webkit-transform 。 安装 使用安装kebab-case ： npm install --save kebab-case 用法 模块使用 var kebabCase = require ( "kebab-case" ) ; kebabCase ( "WebkitTransform" ) ; // "-webkit-transform" kebabCase . reverse ( "-
kebab-case
gong1422425666的博客
08-10 1万+
在vue官网上有这样的一句话：  “camelCase vs. kebab-case  HTML 特性是不区分大小写的。所以，当使用的不是字符串模版，camelCased (驼峰式) 命名的 prop 需要转换为相对应的 kebab-case (短横线隔开式) 命名： 如果你使用字符串模版，则没有这些限制。”  小森表示对这句话好懵啊！  经过自己的各种倒弄终于得到了下边的东西。 重点在这里： ...
stylelint格式化kebab-case报错
qq_45052616的博客
03-09 3395
直接在.stylelintrc.js里的rules里配置，直接把类的模式给关掉。例如 .login_btn会报错只能.login-btn，但我就要用下划线。类名不允许下划线，默认kebab-case方式。$light_gray变量同理。
vue3.0自定义事件emit出现错误Custom event name ‘handleClick‘ must be kebab-case
hdy_1996的博客
10-04 4248
原因是自定义事件名称中含有大写的字母改为handleclick就可以了
git提交代码问题总结
Java721的博客
08-05 3916
文章目录1.git错误提交代码2.问题记录 1.git错误提交代码 错误的git 提交的步骤： git init //初始化仓库 git add . //添加文件到本地暂存区 或用 git add (文件name) git commit -m “first commit” //提交到本地仓库 git remote add origin 远程仓库地址 //添加远程仓库 git push -u origin master
Expected class selector to be kebab-case selector-class-pattern
07-27
例如，如果你的类名是"selectorClassPattern"，你可以将它改为"selector-class-pattern"。这样做可以遵循通用的命名约定，并与大多数CSS框架和规范保持一致。 请注意，不同的项目和团队可能有不同的命名约定，所以...
前端项目代码统一规范-从eslint、stylelint、husky、lint-staged、commitlint和配合vscode插件一一道来
weixin_43805705的博客
01-13 1735
目前在多人项目开发时发现很多代码不规范的地方，因为每个项目都是多人维护，再加上各种历史代码的不同风格，这些情况很容易就造成了代码规范落地难，项目中出现大量低质量代码，代码格式难统一。所以采用 eslint+husky+stylelint+lint-staged+commitlint 这几个工具能够有效解决上述问题。
Vue 09Vue中使用行内样式---class
mqingo的博客
01-02 2899
09Vue中使用样式---class.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>09Vue中使用样式----class</title> <script type="text/javascript
异常: Canonical names should be kebab-case(“-” separated), lowercase......... blablabla
热门推荐
Jae_Wang的博客
06-19 1万+
放假完第一天，启动项目发现半天起不来，之前写的dao层和service层都是通过单元测试，并没有完全启动。看提示：在微信微信扫描阶段，自己首先配置了一下，提示说这个U的问题，一开始把项目名该成小写，发现还是不行。仔细一看，大意是配置文件属性中的U是无效的，应该符合  kebab的形式，即用分隔符开分隔开就行了。写成这种就成功了。之后查了一下SpringBoot的官方文档：...
项目整体CI报错修复
qq_41536505的博客
09-23 637
ReactHook“useModel”在函数“getTableColumns”中被调用，该函数既不是 React 函数组件也不是自定义 React。如果map后面是大括号后面就需要显示的写return， 没有大括号就默认返回。// 不能把{}作为类型。运行lint命令，可以获得项目中lint检测出错误的语法，比如。会出现常见的错误和原因， 大概知道原因就知道怎么解决了。期望的是赋值或函数调用，但却看到了表达式。还有setState赋值。语句中，以从原型中过滤掉不需要的属性。被赋予了一个值，但从未使用过。
Eslint、Stylelint、Prettier、lint-staged、husky、commitlint【前端代码校验规则】
weixin_46600931的博客
03-07 1108
前端代码校验规则
阿瑶的Vue学习笔记（2）Vue 组件化编程
阿瑶的博客
07-14 308
vue学习笔记
源码解析异常is expected to be of type ‘xxx‘ but was actually of type ‘xxx‘ 是如何发生的
Smallc0de的博客
11-23 3976
这篇博客是对【@Resource 源码解析】做的一个补丁。主要会讲解在使用@Resource的时候发生的is expected to be of type 'xxx' but was actually of type 'xxx'异常在源码层面是一个怎么样子的过程。为什么要用@Resource讲解，因为这个注解比较好模拟异常的发生，实际上@Autowired发生的原理也是一样的。
Stylelint Selector BEM Pattern 项目教程
gitblog_00252的博客
08-20 432
Stylelint Selector BEM Pattern 项目教程 stylelint-selector-bem-patternStylelint plugin that incorporates postcss-bem-linter项目地址:https://gitcode.com/gh_mirrors/st/stylelint-selector-bem-pattern 1. 项目的目录结构...
命名规则 Kebab-case、camelCase、Pascal case
༺ bestcxx的专栏 ༻
07-26 3085
总的来说，三种命名约定都有各自的优缺点和适用场景。在实际开发中,开发者应该根据编程语言、框架、团队等因素,选择合适的命名约定,保持代码的一致性和可读性。
NameCase 项目常见问题解决方案
最新发布
gitblog_00979的博客
11-05 329
NameCase 项目常见问题解决方案 namecase Properly case people's names 项目地址: https://gitcode.com/gh_mirrors/na/namecase ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值