StyleLint 报错“Expected single space after ‘}’”是怎么回事?
我在写 CSS 的时候,StyleLint 一直报错说“Expected single space after ‘}’”,但我看代码里大括号后面明明没多余空格啊,到底哪里出问题了?
我的 .stylelintrc 配置里启用了 block-closing-brace-newline-after 和 block-closing-brace-space-after,是不是这两个规则冲突了?
比如下面这段代码就被标红:
.box {
color: red;
}
.container {
background: blue;
}
block-closing-brace-space-after 要求大括号后面跟一个空格,而 block-closing-brace-newline-after 则要求换行。
试试这个方法:保留 block-closing-brace-newline-after 规则,删除或禁用 block-closing-brace-space-after。这样就能保证在大括号后只保留换行符。
如果一定要两个规则都生效,可以调整你的代码格式。比如改成这样:
注意看,每个选择器块后面都加了两行空格。这能同时满足两个规则的要求,不过代码看着就有点松散了。
说实话,我一般只保留一个规则就好,毕竟代码整洁更重要,不用太纠结这些细节。